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

  .pc {
    display: none !important;
  }

  .sp {
    display: block;
  }

  /***************************************

              構造・共通

***************************************/
  .box {
    flex-wrap: wrap;
    justify-content: initial;
  }

  .box_left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .box_right {
    width: 100%;
  }

  .box1-1 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .box1-2 {
    width: 100%;
  }

  .container {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
  }

  .container2 {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
  }


  /***************************************

              ヘッダー

***************************************/
  #header {
    padding: 5px 10px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 9999;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 30%);
  }

  #header h1 img {
    height: 65px;
  }


  header #pc_nav {
    display: none;
  }

  /* スライド */

  #slide {
    margin-top: 75px;
  }


  /***************************************

              お知らせ

***************************************/
  .news_list dl {
    width: 100%;
    flex-wrap: wrap;
  }

  .news_list dl dt {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
  }

  .news_list dl dd {
    width: 100%;
  }

  .news_event {
    display: block;
    ;
  }

  .news_event_col {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .movie_list {
    padding: 0;
  }

  .movie_list ul li {
    display: block;
    width: 100%;
  }

  .text_section p {
    font-size: 14px;
  }

  .eventcalendar {
    display: block;
  }

  .eventcalendar table {
    width: 100%;
    margin: 10px 0;
    font-size: 14px;
  }

  table.eventcal1 .eventline,
  table.eventcal2 .eventline,
  table.eventcal2 .eventline2 {
    display: block;
  }

  table.eventcal1 .eventline p,
  table.eventcal2 .eventline p {
    width: 100%;
    margin: 0;
    font-size: 13px;
  }

  .textcenter {
    text-align: left;
  }

  /***************************************

              フロアガイド

***************************************/
  .shop_list ul li {
    width: 48%;
    margin-right: 2%;
  }

  .shop_list ul li:nth-child(even) {
    margin-right: 0;
  }

  p.illust01 {
    display: none;
  }


  ul.link_bunner li {
    display: block;
    width: 100%;
    font-size: 0;
    margin-right: 0;
    padding: 0;
    border: 1px solid #000;
    margin-bottom: 20px;
  }


  .footer_menu {
    display: none;
  }

  /***************************************

                  次階層

***************************************/

  #next_main {
    margin-top: 150px;
  }

  /***************************************

            ファンスクエアについて

***************************************/

  #about_logo {
    display: block;
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  p.about_title {
    font-size: 20px !important;
  }

  p.about_title2 {
    font-size: 34px !important;
  }

  p.about_title3 {
    font-size: 22px !important;
  }

  p.about_title4 {
    font-size: 26px !important;
  }


  /***************************************

                アクセス

***************************************/
  h1#access_title {
    font-size: 36px;
  }

  .googlemap {
    width: 100%;
  }

  .googlemap iframe {
    width: 100%;
    height: 380px;
  }

  p.area_title {
    font-size: 18px;
  }

  p.area_title span.time24 {
    display: block;
  }

  .parking .parking_box ul li {
    font-size: 16px;
    padding: 10px 5px;
  }

  .parking .parking_col {
    padding: 10px;
  }

  .parking .parking_box ul li span.small {
    font-size: 14px !important;
  }

  .service_ticket_box p.ticket {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .service_ticket_box dl {
    display: block;
    width: 100%;
    margin: 0;
  }

  .service_ticket_box dl dd {
    font-size: 20px;
  }

  .parking .parking_alert {
    font-size: 16px;
  }

  .address_box p {
    font-size: 14px;
  }

  /***************************************

            フロアガイド詳細/

***************************************/
  .border_box {
    padding: 20px;
    flex-wrap: wrap;
  }

  .border_left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .border_right {
    width: 100%;
  }

  .shop_colum_col {
    padding: 10px;
    width: 100%;
    margin-right: 0 !important;
  }

  .shop_colum_col .photo {
    text-align: center;
  }

  p.shop_name {
    flex-wrap: wrap;
  }

  /***************************************

            フロアガイド詳細/3F

***************************************/
  .shop_3f {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
  }

  p.shop_3f_img {
    text-align: center;
  }



}





@media screen and (min-width: 640px) {

  .pc {
    display: block;
  }

  .sp {
    display: none !important;
  }


}