@charset "UTF-8";
*, *:before, *:after {
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  scroll-padding-top: 100px; }
  html:focus {
    outline: none; }

body {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #222;
  margin: 0; }

main {
  display: block;
  overflow: initial; }

address {
  font-style: normal; }

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

img {
  vertical-align: bottom;
  flex-shrink: 0; }

img[title] {
  pointer-events: none; }

/* ----------------------------------- */
/* コンテナ
/* ----------------------------------- */
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  transition: ease-in .1s; }
  @media screen and (min-width: 1211px) {
    .container {
      max-width: 1170px; } }
  @media screen and (min-width: 768px) and (max-width: 1210px) {
    .container {
      max-width: 1060px;
      padding-left: 5%;
      padding-right: 5%; } }
  @media screen and (max-width: 767px) {
    .container {
      max-width: 750px; } }

/* ----------------------------------- */
/* ボタン */
/* ----------------------------------- */
.btnWrap {
  margin: 30px 0 0; }
  @media screen and (min-width: 1025px) {
    .btnWrap {
      margin: 40px 0 0; } }

.btn {
  clear: both;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  margin: 0 auto;
  font-weight: bold;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  text-decoration: none !important;
  transition: .1s all ease;
  user-select: none;
  position: relative;
  max-width: 480px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.3);
  background-color: #DC502D;
  color: #fff;
  font-size: 24px; }
  .btn.arrow:after {
    content: "";
    background: url("../images/golfuda/arrow-right.svg") no-repeat center/15px;
    position: absolute;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 15px;
    height: 15px; }
  .btn.orange {
    background-color: #ff9900; }
  @media print, screen and (min-width: 1025px) {
    .btn:hover, .btn:focus {
      transition: .1s all ease;
      opacity: .8; }
    .btn.btnLeft {
      margin: 0; }
    .btn.btnRight {
      margin: 0 0 0 auto; }
    .btn.btnCenter {
      margin-left: auto;
      margin-right: auto; } }

/* ----------------------------------- */
/* pc sp 表示非表示
/* ----------------------------------- */
.pc {
  display: block !important; }

.sp {
  display: none !important; }

@media screen and (max-width: 1024px) {
  .lp_none {
    display: none !important; } }
@media screen and (max-width: 767px) {
  .pc {
    display: none !important; }

  .sp {
    display: block !important; } }
/* ----------------------------------- */
/* リンク */
/* ----------------------------------- */
a {
  transition: all ease .3s;
  text-decoration: none; }
  a:hover, a:focus {
    transition: all ease .3s; }
  a:hover {
    opacity: 0.8;
    outline: 0;
    text-decoration: none; }
  a img:hover {
    opacity: 0.8; }

/* ----------------------------------- */
/* header
/* ----------------------------------- */
header {
  --header-height: 80px;
  height: var(--header-height);
  background-color: #fff;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 999; }
  header .container {
    padding: 0 15px; }
  header #headerCnt {
    height: var(--header-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px; }
    header #headerCnt #headerContact {
      margin-left: auto; }
  header h1 {
    margin: 0; }
  header .logo {
    display: flex;
    align-items: center; }
  header #mainNavi ul {
    display: flex;
    gap: 30px; }
    header #mainNavi ul li a {
      text-decoration: none;
      color: #D70B23;
      font-weight: 500; }
  header .contact-btn a {
    width: 60px;
    height: 60px;
    border-radius: 4px;
    background: #D70B23 url("../images/golfuda/icon-mail.svg") no-repeat center/24px 17.7px;
    display: flex; }
  header .sns-list {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-left: 10px; }
    header .sns-list li {
      flex-shrink: 0; }
  @media screen and (max-width: 898px) {
    header {
      --header-height: 60px; }
      header #headerCnt #headerContact {
        display: none; }
      header #headerCnt .logo img {
        width: 111.5px;
        height: 40px;
        margin-left: -15px; }
      header .contact-btn {
        position: absolute;
        top: 0;
        right: 0; }
        header .contact-btn a {
          border-radius: 0; }
      header .sns-list {
        margin-right: 50px; } }

/* ----------------------------------- */
/* footer
/* ----------------------------------- */
footer {
  padding: 90px 0 75px;
  background-color: #D70B24;
  text-align: center; }
  footer .logo {
    margin-bottom: 27px; }
  footer a {
    color: #fff; }
  footer #copyright p {
    color: #fff; }
  @media screen and (max-width: 767px) {
    footer {
      padding: 50px 0 106px; }
      footer .logo {
        margin-bottom: 37px; } }

/* ---------------------------------------------------------------- */
/* CTA固定ボタン */
/* ---------------------------------------------------------------- */
#fixedBtnSpArea {
  width: 100%;
  opacity: 0;
  z-index: 10;
  position: fixed;
  bottom: -60px;
  transition: .6s;
  background-color: #fff; }
  #fixedBtnSpArea.fixed {
    opacity: 1;
    transition: .6s;
    bottom: 0; }
  #fixedBtnSpArea #fixedBtnSp {
    display: none !important; }
    #fixedBtnSpArea #fixedBtnSp ul {
      margin: 0;
      padding: 0;
      height: 60px;
      width: 100%;
      overflow: hidden;
      display: flex; }
      #fixedBtnSpArea #fixedBtnSp ul li {
        flex-basis: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: #246684;
        font-size: 14px;
        font-weight: bold;
        position: relative; }
        #fixedBtnSpArea #fixedBtnSp ul li a {
          position: absolute;
          inset: 0; }
        #fixedBtnSpArea #fixedBtnSp ul li + li {
          border-left: 1px solid #2F923D; }
  @media screen and (max-width: 898px) {
    #fixedBtnSpArea #fixedBtnSp {
      display: block !important; } }

#fixedBtnPcArea {
  opacity: 0;
  z-index: 10;
  position: fixed;
  bottom: -140px;
  right: 0;
  transition: .6s;
  display: grid; }
  #fixedBtnPcArea a.flt_line {
    margin: 0 0 10px;
    text-align: right; }
    #fixedBtnPcArea a.flt_line img {
      filter: drop-shadow(-2px 7px 6px rgba(0, 0, 0, 0.3)); }
  #fixedBtnPcArea a.txt-btn {
    padding: 10px;
    color: #fff;
    border-radius: 5px 0 0 5px;
    text-align: center;
    box-shadow: -2px 7px 6px rgba(0, 0, 0, 0.3); }
  #fixedBtnPcArea a.orange {
    background: #ff9900; }
  #fixedBtnPcArea a.red {
    background: #dc502d; }
  #fixedBtnPcArea.fixed {
    opacity: 1;
    transition: .6s;
    bottom: 15px;
    gap: 10px; }
  @media screen and (max-width: 898px) {
    #fixedBtnPcArea a.txt-btn {
      display: none; }
    #fixedBtnPcArea a:hover {
      opacity: 1; }
      #fixedBtnPcArea a:hover img {
        opacity: 1; }
    #fixedBtnPcArea.fixed {
      bottom: 77px; } }

/* ---------------------------------------------------------------- */
/* main*/
/* ---------------------------------------------------------------- */
/* ----------------------------------- */
/* .fv-area
/* ----------------------------------- */
.fv-area {
  position: relative;
  background-color: #FCD03F;
  overflow: hidden;
  z-index: 0; }
  .fv-area .main-img img {
    object-fit: cover;
    max-height: 917px;
    height: 917px; }
  @media screen and (min-width: 1200px) {
    .fv-area .main-img img {
      max-height: none; } }
  @media screen and (max-width: 767px) {
    .fv-area .main-img img {
      max-height: 809px;
      height: 809px; } }

/* ----------------------------------- */
/* carouselArea*/
/* ----------------------------------- */
#carouselArea {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden; }
  #carouselArea img {
    object-fit: contain; }
  #carouselArea .swiper-slide {
    width: 180px; }

/* ----------------------------------- */
/* .aboutArea content-01 */
/* ----------------------------------- */
.content-01 {
  background: #F29600;
  padding: 70px 0 210px;
  position: relative; }
  .content-01::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 362px;
    background: #F29600 url("../images/utafuda/utafuda_haikei_01.png") no-repeat top -66px center/auto; }
  .content-01::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    width: 100%;
    padding-bottom: 580px;
    background: #F29600 url("../images/utafuda/utafuda_haikei_01.png") no-repeat bottom -36px center/auto; }
  @media screen and (max-width: 1024px) {
    .content-01::after {
      background: #F29600 url("../images/utafuda/utafuda_haikei_01.png") no-repeat bottom -36px center/1500px; } }
  .content-01 .titleWrap {
    gap: 20px; }
    .content-01 .titleWrap .titleh2::after {
      background: #F8DB79; }
  .content-01 .desc {
    font-size: 24px;
    margin-bottom: 44px; }
  .content-01 .content-01txt {
    font-size: 20px;
    text-align: center; }
  .content-01 img {
    margin: 0 auto;
    position: relative;
    z-index: 2; }
  @media screen and (min-width: 768px) {
    .content-01 .desc .txt-yellow {
      border-bottom: 1px solid; } }
  @media screen and (max-width: 1024px) {
    .content-01 {
      padding: 60px 0 160px; } }
  @media screen and (max-width: 767px) {
    .content-01 {
      background: #F29600;
      padding: 60px 0 115px;
      position: relative; }
      .content-01::before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        top: 36px;
        left: 20px;
        width: 80px;
        padding-bottom: 139px;
        background: url("../images/utafuda/utafuda_haikei_01_sp1.png") no-repeat top center/contain; }
      .content-01::after {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        bottom: 50px;
        right: 20px;
        width: 102px;
        padding-bottom: 85px;
        background: url("../images/utafuda/utafuda_haikei_01_sp2.png") no-repeat top center/contain; }
      .content-01 .titleWrap {
        gap: 30px; }
      .content-01 .desc {
        font-size: 20px;
        margin-bottom: 30px; }
      .content-01 .content-01txt {
        font-size: 16px;
        text-align: left; } }

/* ----------------------------------- */
/* movieArea */
/* ----------------------------------- */
#movieArea {
  background: #FCD03F;
  display: flex;
  flex-flow: column; }
  #movieArea h3 {
    font-size: 24px;
    color: #246684; }
  #movieArea .moviebox {
    display: flex;
    margin: 0 auto;
    width: 100%;
    aspect-ratio: 16/9;
    max-width: 800px; }
  @media print, screen and (max-width: 767px) {
    #movieArea {
      padding: 0 15px; }
      #movieArea h3 {
        font-size: 22px; } }

/* ----------------------------------- */
/* .carditemsArea content-02*/
/* ----------------------------------- */
.content-02 {
  padding: 135px 0 80px;
  background-color: #FFF5D6;
  position: relative; }
  .content-02::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    margin-left: -50%;
    height: 6px;
    background: #E95512; }
  .content-02::after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    width: 50%;
    margin-right: -50%;
    height: 6px;
    background: #45237C; }
  .content-02 h2 {
    margin: 0;
    padding: 0; }
  .content-02 .titleWrap {
    gap: 20px;
    margin-bottom: 60px; }
    .content-02 .titleWrap .titleh2 {
      color: #fff; }
      .content-02 .titleWrap .titleh2::after {
        background: #487E96; }
  .content-02 .carditems-wrap {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 38px 20px;
    font-weight: bold; }
    .content-02 .carditems-wrap img {
      width: 100%; }
    .content-02 .carditems-wrap p {
      font-size: 14px;
      text-align: left;
      margin: 5px 0;
      color: #fff;
      font-weight: 400; }
    .content-02 .carditems-wrap .txt-yellow {
      font-size: 18px;
      margin: 10px 0 5px;
      text-align: center;
      color: #FCD03F;
      font-weight: 700; }
  @media screen and (max-width: 1024px) {
    .content-02 {
      padding: 80px 0 50px; } }
  @media screen and (max-width: 767px) {
    .content-02 {
      padding: 80px 0 50px; }
      .content-02 .carditems-wrap {
        gap: 23px 15px;
        grid-template-columns: repeat(2, 1fr); } }

/* ----------------------------------- */
/* .asobikataArea content-03*/
/* ----------------------------------- */
.content-03 {
  padding: 146px 0 148px;
  background: #F29600 url("../images/utafuda/utafuda_haikei_02.png") repeat top center/auto;
  position: relative; }
  .content-03::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    margin-left: -50%;
    height: 6px;
    background: #E95512; }
  .content-03::after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    width: 50%;
    margin-right: -50%;
    height: 6px;
    background: #45237C; }
  .content-03 .titleWrap {
    gap: 20px; }
    .content-03 .titleWrap .titleh2::after {
      background: #ADD6E8; }
  .content-03 .imgWrap {
    display: grid;
    row-gap: 60px; }
    .content-03 .imgWrap .imgbox {
      display: grid;
      row-gap: 40px; }
  .content-03 .content-03txt {
    font-size: 24px;
    text-align: center; }
  .content-03 .content-03txt02 {
    font-size: 20px;
    text-align: center; }
  @media screen and (min-width: 1211px) {
    .content-03 .container {
      max-width: 1060px;
      padding-left: 5%;
      padding-right: 5%; } }
  @media screen and (max-width: 767px) {
    .content-03 {
      background: url("../images/utafuda/utafuda_haikei_02_sp.png") repeat top center/200%;
      padding: 76px 0 80px; }
      .content-03 .imgWrap {
        row-gap: 30px; }
        .content-03 .imgWrap .imgbox {
          display: grid;
          row-gap: 20px; }
      .content-03 .content-03txt {
        font-size: 18px;
        text-align: left; }
      .content-03 .content-03txt02 {
        font-size: 18px;
        text-align: left; } }

/* ----------------------------------- */
/* .onlineShopArea content-04*/
/* ----------------------------------- */
.content-04 {
  padding: 120px 0;
  background-color: #F5F5F5; }
  .content-04 p {
    margin: 12px 0; }
  .content-04 .desc {
    font-size: 32px; }
    .content-04 .desc span {
      display: inline-block; }
  .content-04 .price {
    font-size: 32px;
    display: flex;
    gap: 10px;
    align-items: baseline;
    justify-content: center; }
    .content-04 .price .oswald {
      font-size: 82px;
      line-height: 1.2; }
  .content-04 img {
    margin: 0 auto;
    max-width: 550px; }
  .content-04 .btn {
    margin-top: 20px; }
  @media screen and (max-width: 767px) {
    .content-04 {
      padding: 60px 0; }
      .content-04 .desc {
        font-size: 24px; }
      .content-04 img {
        max-width: 100%; } }

/* ----------------------------------- */
/* faqArea content-05*/
/* ----------------------------------- */
.content-05 {
  padding: 98px 0 120px;
  background-color: #3CB04C; }
  .content-05 .titleWrap {
    margin-bottom: 40px; }
  @media screen and (max-width: 767px) {
    .content-05 {
      padding: 67px 0 60px; } }

/* ---------------------------------------------------------------- */
/* 共通  Parts*/
/* ---------------------------------------------------------------- */
.bold {
  font-weight: bold; }

.txt-yellow {
  color: #FCD03F; }

.textCenter {
  text-align: center; }

.oswald {
  font-family: "Oswald", sans-serif;
  font-weight: 600; }

.titleWrap:has(.img) {
  display: grid; }

.titleWrap {
  text-align: center;
  margin-bottom: 40px; }
  .titleWrap .titleh2 {
    font-size: 42px;
    margin: 0 0 9px;
    font-weight: 700;
    position: relative;
    z-index: 0; }
    .titleWrap .titleh2::after {
      content: "";
      position: absolute;
      bottom: -9px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 318px;
      height: 41px;
      border-radius: 50%;
      background-color: #37812C;
      z-index: -1; }
  @media screen and (max-width: 767px) {
    .titleWrap .titleh2 {
      font-size: 36px; } }

/* ---------------------------------------------------------------- */
/* スライダー共通  */
/* ---------------------------------------------------------------- */
.swiper-container {
  overflow: visible;
  position: relative; }

.swiper-wrapper {
  transition-timing-function: linear !important; }

/* ---------------------------------------------------------------- */
/* accordion */
/* ---------------------------------------------------------------- */
.accordion-container {
  width: 100%;
  display: grid;
  gap: 10px; }
  .accordion-container .accordion-list {
    border-radius: 8px;
    background-color: #fff; }
    .accordion-container .accordion-list .accordion-title {
      cursor: pointer;
      position: relative;
      margin: 0;
      padding: 27px 15px; }
      .accordion-container .accordion-list .accordion-title .q-text {
        margin: 0;
        padding: 0 30px;
        position: relative;
        color: #333; }
        .accordion-container .accordion-list .accordion-title .q-text::before {
          content: "Q";
          font-size: 24px;
          position: absolute;
          left: 0;
          top: -10px;
          color: #2F923D; }
      .accordion-container .accordion-list .accordion-title::before, .accordion-container .accordion-list .accordion-title::after {
        content: "";
        position: absolute;
        right: 15px;
        top: 37px;
        width: 20px;
        height: 2px;
        background-color: #2F923D;
        border-radius: calc(1px / 0); }
      .accordion-container .accordion-list .accordion-title::after {
        transform: rotate(-90deg);
        transition: .2s all ease; }
      .accordion-container .accordion-list .accordion-title.open {
        padding: 27px 15px 20px; }
        .accordion-container .accordion-list .accordion-title.open .q-text {
          padding: 0 30px 10px;
          border-bottom: 1px solid #EFEFEF; }
        .accordion-container .accordion-list .accordion-title.open::after {
          transform: rotate(-180deg); }
    .accordion-container .accordion-list .accordion-text {
      display: none;
      padding: 0 20px 20px 45px;
      position: relative;
      color: #333; }
      .accordion-container .accordion-list .accordion-text p {
        margin: 0 0 1em; }
      .accordion-container .accordion-list .accordion-text p:last-child {
        margin-bottom: 0; }
      .accordion-container .accordion-list .accordion-text::before {
        content: "A";
        font-size: 24px;
        color: #2F923D;
        position: absolute;
        left: 17px;
        top: -6px; }
  @media screen and (min-width: 1025px) {
    .accordion-container {
      gap: 20px; }
      .accordion-container .accordion-list .accordion-title {
        padding: 27px 40px; }
        .accordion-container .accordion-list .accordion-title::before, .accordion-container .accordion-list .accordion-title::after {
          right: 41px; }
        .accordion-container .accordion-list .accordion-title.open {
          padding: 27px 40px 20px; }
      .accordion-container .accordion-list .accordion-text {
        padding: 0 40px 20px 69px; }
        .accordion-container .accordion-list .accordion-text::before {
          left: 42px;
          top: -9px; } }

.aboutArea_img {
  display: block;
  margin: 0 auto 120px !important;
  width: 940px;
  max-width: 100%; }

@media screen and (max-width: 1024px) {
  .aboutArea_img {
    margin: 0 auto 68px !important; } }
@media screen and (max-width: 767px) {
  .aboutArea_img {
    margin: 0 auto 56px !important; } }
.aboutArea_img2 {
  display: block;
  margin: 0 auto;
  max-width: 694px;
  width: 100%; }

@media screen and (max-width: 767px) {
  .aboutArea_img2 {
    display: block;
    margin: 0 auto; } }
.asobikataArea_img {
  display: block;
  margin: 0 auto 0 !important;
  width: 940px;
  max-width: 100%; }

@media screen and (max-width: 767px) {
  .asobikataArea_img {
    display: block;
    margin: 0 auto 0 !important;
    width: 940px;
    max-width: 100%; } }
.carditemsArea_title {
  overflow: hidden;
  position: absolute;
  width: 100%;
  top: -30px;
  left: 0; }
  .carditemsArea_title img {
    position: relative;
    z-index: 3;
    max-width: 940px;
    margin: 0 auto;
    display: block; }

.karaoke_box_area {
  background: #E95513;
  overflow: hidden; }
  .karaoke_box_area h3 {
    width: 492px;
    height: 80px;
    background: #fff;
    border-radius: 0 0 20px 20px;
    color: #E95513;
    font-size: 32px;
    font-weight: 700;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    line-height: 80px; }

.night_scene_area {
  background: #45237C;
  overflow: hidden; }
  .night_scene_area h3 {
    width: 492px;
    height: 80px;
    background: #fff;
    border-radius: 0 0 20px 20px;
    color: #45237C;
    font-size: 32px;
    font-weight: 700;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    line-height: 80px; }

@media screen and (max-width: 767px) {
  .karaoke_box_area h3 {
    width: 218px;
    height: 62px;
    font-size: 22px;
    line-height: 62px; }

  .night_scene_area h3 {
    width: 218px;
    height: 62px;
    font-size: 22px;
    line-height: 62px; } }
.carditemslSlider {
  padding: 64px 0 70px !important;
  max-width: 940px;
  margin: 0 auto;
  overflow: inherit !important; }
  .carditemslSlider .swiper-slide img {
    width: 100%;
    height: auto; }
  .carditemslSlider .swiper-slide h4 {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #FFF145;
    margin-bottom: 10px; }
  .carditemslSlider .swiper-slide p {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    margin: 0; }
  @media screen and (max-width: 767px) {
    .carditemslSlider .swiper-slide h4 {
      font-size: 18px; }
    .carditemslSlider .swiper-slide p {
      font-size: 14px; } }

.karaoke_box_area .swiper-button-prev {
  background: url("../images/utafuda/swiper-button1.png") repeat top center/cover;
  width: 88px;
  height: 88px;
  margin-top: -44px;
  left: -44px; }
.karaoke_box_area .swiper-button-next {
  background: url("../images/utafuda/swiper-button1.png") repeat top center/cover;
  width: 88px;
  height: 88px;
  margin-top: -44px;
  transform: rotate(180deg);
  right: -44px; }

.night_scene_area .swiper-button-prev {
  background: url("../images/utafuda/swiper-button2.png") repeat top center/cover;
  width: 88px;
  height: 88px;
  margin-top: -44px;
  left: -44px; }
.night_scene_area .swiper-button-next {
  background: url("../images/utafuda/swiper-button2.png") repeat top center/cover;
  width: 88px;
  height: 88px;
  margin-top: -44px;
  transform: rotate(180deg);
  right: -44px; }

@media screen and (max-width: 767px) {
  .karaoke_box_area .swiper-button-prev {
    width: 56px;
    height: 56px;
    margin-top: -27px;
    left: 0; }
  .karaoke_box_area .swiper-button-next {
    width: 56px;
    height: 56px;
    margin-top: -27px;
    transform: rotate(180deg);
    right: 0; }

  .night_scene_area .swiper-button-prev {
    width: 56px;
    height: 56px;
    margin-top: -27px;
    left: 0; }
  .night_scene_area .swiper-button-next {
    width: 56px;
    height: 56px;
    margin-top: -27px;
    transform: rotate(180deg);
    right: 0; } }