@charset "UTF-8";
/* CSS Document */
/*---------------------------
sec
---------------------------*/
.sec {
  width: 100%;
  max-width: 800px;
  margin: 0 auto; }
  @media (max-width: 768px) {
    .sec {
      width: 95%; } }

/* TOPページ スライダー */
.slider-area {
  margin: 50px auto; }
  @media (max-width: 768px) {
    .slider-area {
      border: 2px solid #b18f50;
      margin: 5vw auto; } }
  .slider-area .js-slick-top {
    margin: auto; }
    .slider-area .js-slick-top a img {
      width: 100%; }
    .slider-area .js-slick-top .slick-dots {
      bottom: 20px; }
      @media (max-width: 768px) {
        .slider-area .js-slick-top .slick-dots {
          bottom: 0; } }
      .slider-area .js-slick-top .slick-dots button:before {
        color: #fff;
        content: "";
        display: block;
        width: 10px;
        /* ← サイズを統一 */
        height: 10px;
        border-radius: 50%;
        background-color: #231815;
        /* ドットの色 */
        opacity: 1; }
      .slider-area .js-slick-top .slick-dots li.slick-active button:before {
        background-color: #fff;
        /* アクティブ色 */ }

@media (max-width: 768px) {
  .l-contents-inner {
    width: 95%; } }

/* TOPページ */
#pachi-navi {
  /* 共通ブロックフォーマット スタイル */
  /* 絞り込み検索部分 スタイル変更 */
  /* 中の人 */
  /* 応援演者 */
  /* 特選グループ・店舗 */ }
  @media (max-width: 768px) {
    #pachi-navi {
      width: 100%;
      margin: auto; } }
  #pachi-navi .record-list {
    width: 100%;
    padding: 0; }
    @media (max-width: 768px) {
      #pachi-navi .record-list {
        margin-top: 15px; } }
    #pachi-navi .record-list .record-item-date {
      margin: 1.5rem auto 0.5rem;
      text-align: center;
      font-size: 1.1rem;
      color: #fff; }
      @media (max-width: 768px) {
        #pachi-navi .record-list .record-item-date {
          margin: 0.5em 0 0.3em; } }
      #pachi-navi .record-list .record-item-date .date {
        background-image: none;
        background: linear-gradient(0deg, #42210b 4.3%, #6d461a 99.96%);
        padding: 0.5em 0;
        border: 2px solid #b18f50;
        letter-spacing: 0.1em; }
        @media (max-width: 768px) {
          #pachi-navi .record-list .record-item-date .date {
            padding: 0.2em; } }
    #pachi-navi .record-list .record-item {
      display: flex;
      align-items: center;
      margin-bottom: 0.5rem;
      background-image: none;
      background-color: #231815;
      border: 2px solid #b18f50;
      color: #fff; }
      @media (max-width: 768px) {
        #pachi-navi .record-list .record-item {
          padding: 1.5vw;
          box-sizing: border-box;
          border: 1px solid;
          /* 枠の太さ */
          border-image: linear-gradient(to bottom, #ffcc33, #ff9900) 1;
          background-color: #2b2220;
          /* 中の背景色（例として濃い茶色） */ } }
      @media (max-width: 768px) {
        #pachi-navi .record-list .record-item.result-item {
          padding: 1.5vw;
          align-items: stretch; } }
      #pachi-navi .record-list .record-item .imgbox {
        width: 100px;
        height: 100px;
        margin: 0.4rem 0.8rem;
        text-align: center; }
        @media (max-width: 768px) {
          #pachi-navi .record-list .record-item .imgbox {
            margin: 0;
            width: 80px;
            height: 80px; } }
        #pachi-navi .record-list .record-item .imgbox img {
          width: auto;
          height: 100%;
          object-fit: cover;
          font-family: "object-fit: cover;"; }
          #pachi-navi .record-list .record-item .imgbox img.logo-img:hover {
            transform: scale(1.05);
            transition: all 0.8s; }
        #pachi-navi .record-list .record-item .imgbox.schedule-img {
          display: flex;
          align-items: center;
          justify-content: center;
          border: 2px solid #c9b385;
          background-color: #231815; }
          @media (max-width: 768px) {
            #pachi-navi .record-list .record-item .imgbox.schedule-img {
              margin-right: 1.5vw; } }
          #pachi-navi .record-list .record-item .imgbox.schedule-img img {
            width: 100%;
            height: auto; }
        #pachi-navi .record-list .record-item .imgbox.award-img {
          border: none; }
          @media (max-width: 768px) {
            #pachi-navi .record-list .record-item .imgbox.award-img {
              margin-right: 1.5vw; } }
      #pachi-navi .record-list .record-item .txtbox {
        line-height: 1.4;
        flex: auto;
        font-size: 0.9rem; }
        #pachi-navi .record-list .record-item .txtbox .name.store {
          font-size: 1.5rem; }
      #pachi-navi .record-list .record-item .star-flag {
        width: 11%; }
        #pachi-navi .record-list .record-item .star-flag img {
          width: 100%;
          height: auto; }
      @media (max-width: 768px) {
        #pachi-navi .record-list .record-item .cts_wrap_sp {
          width: calc(100% - 90px - 0.4rem * 2); }
          #pachi-navi .record-list .record-item .cts_wrap_sp .txtbox {
            font-size: 0.7rem;
            margin: 0.3rem 0; }
            #pachi-navi .record-list .record-item .cts_wrap_sp .txtbox .name.store {
              font-size: 1.2rem;
              margin-top: 0.2rem; }
          #pachi-navi .record-list .record-item .cts_wrap_sp .imgbox02 {
            display: flex;
            justify-content: flex-start;
            align-items: center; }
            #pachi-navi .record-list .record-item .cts_wrap_sp .imgbox02 .kako_img_wrap {
              display: block;
              width: 40%;
              line-height: 0; }
              #pachi-navi .record-list .record-item .cts_wrap_sp .imgbox02 .kako_img_wrap .kako_img {
                width: 100%; }
            #pachi-navi .record-list .record-item .cts_wrap_sp .imgbox02 .star-flag {
              width: 16%;
              margin-left: 3%; }
              #pachi-navi .record-list .record-item .cts_wrap_sp .imgbox02 .star-flag .star-img {
                width: 100%; } }
  #pachi-navi #result,
  #pachi-navi #award {
    margin-top: 100px; }
    #pachi-navi #result .result-text-wrap,
    #pachi-navi #award .result-text-wrap {
      display: flex;
      align-items: center;
      line-height: 1.4;
      flex: auto; }
      @media (max-width: 768px) {
        #pachi-navi #result .result-text-wrap,
        #pachi-navi #award .result-text-wrap {
          flex: none; } }
      @media (max-width: 768px) {
        #pachi-navi #result .result-text-wrap,
        #pachi-navi #award .result-text-wrap {
          width: calc(100% - 160px - 3vw);
          flex-direction: column-reverse;
          align-items: flex-start;
          padding: 0;
          margin-right: 1.5vw; } }
      #pachi-navi #result .result-text-wrap .result-txt,
      #pachi-navi #award .result-text-wrap .result-txt {
        color: #fff;
        font-size: 0.8rem;
        width: 20%;
        padding: 0.7rem 0.3rem 0.7rem 0; }
        @media (max-width: 768px) {
          #pachi-navi #result .result-text-wrap .result-txt,
          #pachi-navi #award .result-text-wrap .result-txt {
            display: flex;
            width: 100% !important;
            justify-content: space-between;
            padding: 0 !important;
            margin: auto 0 0; } }
        #pachi-navi #result .result-text-wrap .result-txt .detail,
        #pachi-navi #award .result-text-wrap .result-txt .detail {
          display: flex;
          text-align: center;
          align-items: center;
          justify-content: center;
          border: 2px solid #c9b385;
          height: 47px;
          box-sizing: border-box; }
          @media (max-width: 768px) {
            #pachi-navi #result .result-text-wrap .result-txt .detail,
            #pachi-navi #award .result-text-wrap .result-txt .detail {
              height: auto;
              width: 48%;
              font-size: 2.3vw;
              padding: 0.8em 0; } }
          #pachi-navi #result .result-text-wrap .result-txt .detail:first-child,
          #pachi-navi #award .result-text-wrap .result-txt .detail:first-child {
            margin-bottom: 10px;
            font-feature-settings: "palt";
            font-variant-east-asian: proportional-width;
            /* プロポーショナル幅 */ }
            @media (max-width: 768px) {
              #pachi-navi #result .result-text-wrap .result-txt .detail:first-child,
              #pachi-navi #award .result-text-wrap .result-txt .detail:first-child {
                margin-bottom: 0; } }
      #pachi-navi #result .result-text-wrap .name.store,
      #pachi-navi #award .result-text-wrap .name.store {
        justify-content: flex-start;
        align-items: center;
        width: 77%;
        padding-left: 3%;
        font-size: 1.5rem; }
        @media (max-width: 768px) {
          #pachi-navi #result .result-text-wrap .name.store,
          #pachi-navi #award .result-text-wrap .name.store {
            display: block;
            padding-left: 0;
            width: 100%;
            margin-top: auto; } }
        #pachi-navi #result .result-text-wrap .name.store span,
        #pachi-navi #award .result-text-wrap .name.store span {
          display: block;
          text-align: left; }
          @media (max-width: 768px) {
            #pachi-navi #result .result-text-wrap .name.store span,
            #pachi-navi #award .result-text-wrap .name.store span {
              font-size: 3.8vw;
              line-height: 1.3; } }
          #pachi-navi #result .result-text-wrap .name.store span.result_kikaku,
          #pachi-navi #award .result-text-wrap .name.store span.result_kikaku {
            font-size: 0.9rem; }
            @media (max-width: 768px) {
              #pachi-navi #result .result-text-wrap .name.store span.result_kikaku,
              #pachi-navi #award .result-text-wrap .name.store span.result_kikaku {
                font-size: 0.7rem; } }
    @media (max-width: 768px) {
      #pachi-navi #result .result_btn_box,
      #pachi-navi #award .result_btn_box {
        align-self: center; } }
  #pachi-navi .filter {
    text-align: center;
    /* margin: -20px 0; */ }
    @media (max-width: 768px) {
      #pachi-navi .filter {
        width: 95%;
        margin: 15px auto 0; } }
    #pachi-navi .filter form {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      #pachi-navi .filter form select {
        -webkit-appearance: none;
        appearance: none;
        height: 40px;
        padding: 0 36px 0 12px;
        font-size: 0.8rem;
        color: #333;
        border: 1px solid #ccc;
        border-radius: 6px;
        background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M0 0h10L5 6z' fill='%23333'/></svg>") no-repeat right 12px center/10px 6px;
        box-sizing: border-box; }
        #pachi-navi .filter form select:focus {
          outline: none;
          border-color: #2684ff; }
        #pachi-navi .filter form select::-ms-expand {
          display: none;
          /* 旧Edge/IE対策 */ }
        @media (max-width: 768px) {
          #pachi-navi .filter form select {
            font-size: 2.8vw; } }
        @media (max-width: 768px) {
          #pachi-navi .filter form select#kikaku {
            width: 25%; } }
      #pachi-navi .filter form input#submit {
        background: #e5004f;
        color: #fff;
        padding: 0.8rem 1rem;
        border-radius: 5px;
        border: 1px solid #595757; }
        @media (max-width: 768px) {
          #pachi-navi .filter form input#submit {
            padding: 0.5rem 0.8rem; } }
  #pachi-navi #nakano-hito {
    padding-top: 200px;
    color: #fee29b; }
    @media (max-width: 768px) {
      #pachi-navi #nakano-hito {
        padding-top: 100px; } }
    #pachi-navi #nakano-hito .box_title {
      text-align: center; }
    #pachi-navi #nakano-hito .nakano-hito_inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 60px; }
      @media (max-width: 768px) {
        #pachi-navi #nakano-hito .nakano-hito_inner {
          display: block;
          width: 85%;
          margin: auto; } }
      #pachi-navi #nakano-hito .nakano-hito_inner .nakano-hito_image {
        width: 52%;
        text-align: center; }
        @media (max-width: 768px) {
          #pachi-navi #nakano-hito .nakano-hito_inner .nakano-hito_image {
            display: block;
            width: 60%;
            margin: auto; } }
        #pachi-navi #nakano-hito .nakano-hito_inner .nakano-hito_image img {
          width: 85%;
          height: auto; }
          @media (max-width: 768px) {
            #pachi-navi #nakano-hito .nakano-hito_inner .nakano-hito_image img {
              width: 100%; } }
      #pachi-navi #nakano-hito .nakano-hito_inner .nakano-hito_content {
        width: 48%; }
        @media (max-width: 768px) {
          #pachi-navi #nakano-hito .nakano-hito_inner .nakano-hito_content {
            width: 100%; } }
        #pachi-navi #nakano-hito .nakano-hito_inner .nakano-hito_content .cts_title {
          font-size: 1.5rem;
          text-align: center;
          margin-top: 0; }
        #pachi-navi #nakano-hito .nakano-hito_inner .nakano-hito_content .nakano-hito_text {
          text-align: center;
          line-height: 1.8;
          font-size: 0.9rem;
          margin-bottom: 2.5em; }
        #pachi-navi #nakano-hito .nakano-hito_inner .nakano-hito_content .nakano-hito__btn {
          width: 65%;
          font-size: 1.2rem;
          text-align: center;
          padding: 1em 0em; }
          @media (max-width: 768px) {
            #pachi-navi #nakano-hito .nakano-hito_inner .nakano-hito_content .nakano-hito__btn {
              width: 80%; } }
  #pachi-navi section#performer {
    margin-top: 200px; }
    @media (max-width: 768px) {
      #pachi-navi section#performer {
        margin-top: 100px; } }
    #pachi-navi section#performer .performer-list {
      margin-top: 4em;
      margin-bottom: 6em;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      gap: 5%; }
      @media (max-width: 768px) {
        #pachi-navi section#performer .performer-list {
          margin-top: 15vw;
          grid-template-columns: 1fr 1fr;
          gap: 1% 1%; } }
      #pachi-navi section#performer .performer-list .performer-item {
        display: block;
        background-image: none;
        background-color: transparent;
        border: none; }
        #pachi-navi section#performer .performer-list .performer-item .imgbox {
          width: 100%;
          height: auto;
          margin: 0; }
          #pachi-navi section#performer .performer-list .performer-item .imgbox img {
            width: inherit;
            height: inherit;
            width: 100%; }
        #pachi-navi section#performer .performer-list .performer-item .txtbox {
          color: #fee290;
          text-align: center;
          display: block; }
          #pachi-navi section#performer .performer-list .performer-item .txtbox .name {
            font-size: 0.8rem; }
            #pachi-navi section#performer .performer-list .performer-item .txtbox .name.copy {
              height: 1.3em; }
            #pachi-navi section#performer .performer-list .performer-item .txtbox .name.store {
              font-size: 1.2rem; }
  #pachi-navi #advertisement {
    margin-top: 160px;
    padding-bottom: 160px; }
    #pachi-navi #advertisement .advertisement_title {
      width: 40%;
      background-size: 60%;
      background-position-y: 1em; }
      @media (max-width: 768px) {
        #pachi-navi #advertisement .advertisement_title {
          width: 60%; } }
    #pachi-navi #advertisement .advertisement_box {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 1%; }
      @media (max-width: 768px) {
        #pachi-navi #advertisement .advertisement_box {
          display: block; } }
      #pachi-navi #advertisement .advertisement_box a {
        display: block;
        overflow: hidden;
        position: relative;
        transition: transform 0.3s ease; }
        @media (max-width: 768px) {
          #pachi-navi #advertisement .advertisement_box a:not(:first-child) {
            margin-top: 2vw; } }
        #pachi-navi #advertisement .advertisement_box a img {
          width: 100%;
          object-fit: cover;
          aspect-ratio: 31 / 16;
          transition: transform 0.5s ease;
          display: block; }
          #pachi-navi #advertisement .advertisement_box a img:hover {
            transform: scale(1.08); }
      #pachi-navi #advertisement .advertisement_box a[href="#"] {
        pointer-events: none;
        cursor: default; }