@charset "UTF-8";

main {
        background:url(/fukuoka/img/event/gakuensai25/bg_pc.jpg) repeat-y center center;
        color:#fff;
        background-size: contain;
      }

      .intro-text {
        padding:6rem 0;
      }

      .day-main-topics {
        border-top:2px solid #fff;
        border-bottom:2px solid #fff;
        padding:1rem 3rem;
        margin-bottom:4rem;
        font-weight:700;
        font-size:1.3rem;
      }

      .day-main-topics span.red-span {
        background-color:#d31c24;
        font-size:1rem;
        padding:0.1rem 0.7rem;
      }

      .btn-original01 {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #000000;
        font-weight:700;
        width:100%;
      }

      .btn-original01:hover {
        background-color: #5c5c5c;
        border-color: #5c5c5c;
        color: #ffffff;
      }

      .btn-original02 {
        background-color: #006bb4;
        border-color: #006bb4;
        color: #ffffff;
        font-weight:700;
        width:100%;
      }

      .btn-original02:hover {
        background-color: #005288;
        border-color: #005288;
        color: #ffffff;
      }

      .btn-original03 {
        background-color: #ca0074;
        border-color: #ca0074;
        color: #ffffff;
        font-weight:700;
        width:100%;
      }

      .btn-original03:hover {
        background-color: #8f0051;
        border-color: #8f0051;
        color: #ffffff;
      }

      /* 横スクロール防止ラッパー */
      .swiper-wrapper-outer {
        overflow: hidden;
      }

      .swiper-container {
        width: 100%;
        overflow: visible !important;
      }

      /* ▼ 常に一定速度で動かすためのキモ ▼ */
      .swiper-wrapper {
        transition-timing-function: linear !important;
      }

      /* ピックアップ演出をなくし、全て同じスタイルに */
      .swiper-slide {
        opacity: 1;
        transform: scale(1);
      }

      /* カードのスタイル（サンプル） */
      .card {
        border: none;
        border-radius: 0;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      }
      .card-body {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        font-weight: bold;
        padding:0;
      }

      .area-info dt {
        font-size:1.5rem;
      }

      .area-info dt span {
        font-weight:normal;
        font-size:1.1rem;
      }

      .area-7f {
        background-color:#ffa24f;
        color:#000;
        font-weight:700;
      }

      .area-6f {
        background-color:#8079be;
        color:#000;
        font-weight:700;
      }

      .area-5f {
        background-color:#d85e9e;
        color:#000;
        font-weight:700;
      }

      .area-3f {
        background-color:#4cb9ba;
        color:#000;
        font-weight:700;
      }

      .area-2f {
      background-color:#90bc1f;
      color:#000;
      font-weight:700;
      }

      .area-1f {
        background-color:#dc7542;
        color:#000;
        font-weight:700;
      }

      .floor-info {
        margin-left: 10rem;
      }

      img.mark0101 {
        width:150px;
        position: absolute;
        left:-3rem;
      }

      img.mark0102 {
        width:150px;
        position: absolute;
        right:-3rem;
      }

      img.mark0201 {
        width:400px;
        position: absolute;
        left:-3rem;
        bottom:-25%;
      }

      img.mark0202 {
        width:400px;
        position: absolute;
        right:-5rem;
        top:25%;
      }

      img.mark0301 {
        width:150px;
        position: absolute;
        left:0;
        top:20%;
      }

      img.mark0302 {
        width:150px;
        position: absolute;
        right:0;
        top:20%;
      }

      .mention-text {
        padding-bottom:5rem;
      }

      .event251031 {
        margin-bottom:5rem;
        margin-top:5rem;
      }

      .event251101,
      .event251102,
      .lucky-drow{
        margin-bottom:5rem;
      }

      @media only screen and (max-width: 1300px) {
        img.mark0101 {
        position: absolute;
        left:0;
      }

      img.mark0102 {
        right:0;
      }

      img.mark0201 {
        width:300px;
        left:5rem;
      }

      img.mark0202 {
        width:300px;
        right:5rem;
      }
        
      }

      @media only screen and (max-width: 768px) {
        img.mark0101 {
          width:80px;
          left:25%;
          top:-5rem;
        }
        img.mark0102 {
          width:80px;
          right:25%;
          top:-5rem;
        }

        .event251031 {
        margin-top:10rem;
      }

      .floor-info {
          margin-left:0;
        }

      }

      @media only screen and (max-width: 599px) {

        .intro-text {
          font-size:0.9rem;
        padding:3rem 0;
      }

        .area-info dt span {
        font-size:0.9rem;
      }

      .area-1f,
      .area-2f,
      .area-3f,
      .area-5f,
      .area-6f,
      .area-7f {
        font-size:0.9rem;
      }

      .day-main-topics {
        font-size:0.9rem;
        padding: 0.3rem 1rem;
        margin-bottom: 2rem;
      }

      .mention-text {
        padding-top:3rem;
        background-color:#fff;
        color:#000;
      }

      }