@charset "UTF-8";
@media (max-width: 600px) {
  /*****************************
   *
   *settings
   *
   ***************************** */
  .trans_txt_parent .inner {
    overflow: hidden; }
  .trans_txt_parent s {
    display: inline-block;
    transform: translateY(100px); }

  .scroll_fadein {
    transform: translateY(100px);
    opacity: 0; }

  .mgt0 {
    margin-top: 0 !important; }

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

  body .ib {
    width: 100%; }
  body .sp_content {
    display: block !important; }
  body .pc_content {
    display: none !important; }

  header {
    height: auto;
    min-height: 66px; }
    header .ib {
      padding: 15px;
      min-height: 66px; }
      header .ib a.e_commerce {
        display: none; }
      header .ib nav {
        display: none;
        position: absolute;
        top: 66px;
        left: 0;
        width: 100%;
        background: #fff;
        padding-right: 0; }
        header .ib nav a {
          display: block;
          width: 100%;
          background: #EFEFEF;
          padding: 20px;
          border-bottom: 1px solid #ccc; }
          header .ib nav a:after {
            display: none; }
          header .ib nav a.ec {
            background: #F1A347;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            transition: 0.4s ease; }
            header .ib nav a.ec:hover {
              background: #D66567; }
            header .ib nav a.ec em {
              color: #fff; }
            header .ib nav a.ec img {
              width: 24px;
              margin-right: 10px; }
      header .ib a.logo {
        width: auto;
        height: 33px; }
        header .ib a.logo h1 {
          width: auto;
          height: 100%; }
          header .ib a.logo h1 img {
            width: auto;
            height: 100%; }
      header .ib .spbtn.sp_content {
        position: absolute;
        width: 40px;
        height: 40px;
        right: 10px;
        top: 18px;
        align-content: center;
        justify-content: center;
        display: flex !important; }
        header .ib .spbtn.sp_content:before {
          content: "";
          font-family: "material icons";
          font-size: 32px; }
        header .ib .spbtn.sp_content i {
          display: none; }

  #fv {
    height: auto;
    aspect-ratio: 1/0.9; }
    #fv .ib {
      padding: 90px 0; }
      #fv .ib .arr {
        width: 32px;
        height: 32px;
        left: 3%; }
        #fv .ib .arr:before {
          font-size: 18px; }
        #fv .ib .arr.arr_next {
          left: auto;
          right: 3%; }
        #fv .ib .arr.arr_prev:before {
          left: 2px; }
      #fv .ib .fv_slide .swiper-slide {
        width: 90%;
        height: auto; }

  #content h2 {
    padding-bottom: 0;
    margin: 30px 0; }
    #content h2 span {
      font-size: 14px; }
      #content h2 span:after {
        bottom: 5px; }
    #content h2 i {
      font-size: 24px; }
  #content h3 {
    line-height: 1.4; }
  #content h4 {
    width: 100%; }
  #content p {
    font-size: 15px; }
  #content .top_info .ib {
    padding: 30px 25px 45px; }
    #content .top_info .ib h2 {
      padding-bottom: 0; }
  #content .info_list .row {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 15px; }
    #content .info_list .row:nth-of-type(1) {
      padding-top: 0; }
    #content .info_list .row:after {
      right: 0;
      font-size: 17px;
      top: auto;
      bottom: 10px;
      transform: scale(0.7); }
    #content .info_list .row .date i {
      font-size: 18px; }
      #content .info_list .row .date i:nth-of-type(2) {
        font-size: 14px; }
    #content .info_list .row p {
      margin: 0px 0;
      font-size: 14px;
      padding-right: 5px; }
    #content .info_list .row .date {
      margin-right: 20px; }
    #content .info_list .row .i_body {
      padding: 15px 0; }
  #content .top_events .ib {
    padding: 30px 25px 45px; }
  #content a.btn {
    margin: 30px auto; }
  #content .event_list {
    margin: 50px 0 50px; }
    #content .event_list.df .inner {
      width: 100%; }
      #content .event_list.df .inner:nth-of-type(2) {
        margin-top: 40px; }
      #content .event_list.df .inner .flug {
        margin-bottom: 30px; }
    #content .event_list a.tar {
      width: 100%;
      text-align: center;
      bottom: 0; }
    #content .event_list.mg {
      margin: 40px 0; }
    #content .event_list.v2 .box {
      padding-top: 20px; }
    #content .event_list .box {
      width: 100%;
      margin-bottom: 40px; }
      #content .event_list .box:last-child {
        margin-bottom: 0; }
      #content .event_list .box h3 {
        font-size: 20px;
        margin: 17px 0; }
      #content .event_list .box .event_status {
        font-size: 13px;
        width: 110px;
        padding: 5px; }
  #content .top_sns .ib {
    padding: 30px 25px; }
    #content .top_sns .ib .widget {
      width: 100%;
      height: 400px;
      margin-bottom: 30px; }
    #content .top_sns .ib .r {
      width: 100%; }
  #content .flug {
    margin-bottom: -10px;
    padding: 10px; }
  #content .shops_data {
    flex-wrap: wrap; }
    #content .shops_data.s {
      font-size: 16px; }
    #content .shops_data .shop {
      width: 100%; }
      #content .shops_data .shop:nth-of-type(1) {
        margin-bottom: 5px; }
      #content .shops_data .shop span {
        min-width: 88px;
        text-align: center;
        margin-right: 8px; }

  .head_tit {
    height: 160px;
    margin-top: 60px; }

  h1 {
    font-size: 22px;
    width: 92%;
    left: 4%;
    top: 55px; }

  .panlist {
    padding-top: 66px; }
    .panlist .ib {
      padding: 20px 25px; }
      .panlist .ib a, .panlist .ib span {
        font-size: 13px; }
        .panlist .ib a.tit, .panlist .ib span.tit {
          display: none;
          margin-top: 6px;
          padding-top: 6px;
          border-top: 1px dashed #696969; }
          .panlist .ib a.tit:before, .panlist .ib span.tit:before {
            display: none; }

  #content.subpage .ib {
    padding: 40px 25px; }
    #content.subpage .ib .contact_content {
      margin: 40px 0; }

  #content .shop_buttons {
    margin: 30px 0 40px; }
    #content .shop_buttons a {
      font-size: 14px; }
  #content .shop_list .event_list {
    flex-wrap: wrap; }
    #content .shop_list .event_list .box {
      width: 100%;
      flex-wrap: wrap;
      padding-top: 0; }
      #content .shop_list .event_list .box .img {
        width: 100%; }
      #content .shop_list .event_list .box .txt {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px; }
  #content .shop_list .box {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 40px;
    border-bottom: none; }
    #content .shop_list .box:last-child {
      margin-bottom: 0; }
    #content .shop_list .box .sns a.btn.line {
      width: 260px;
      height: 50px;
      margin-right: 10px;
      font-size: 17px; }
    #content .shop_list .box .sns a.x {
      width: 50px;
      height: 50px; }
      #content .shop_list .box .sns a.x img {
        width: 20px; }
    #content .shop_list .box .map {
      margin-top: 35px;
      width: 100vw;
      margin-left: -25px;
      height: 300px; }
    #content .shop_list .box .row {
      flex-wrap: wrap; }
      #content .shop_list .box .row a.tel {
        justify-content: center;
        margin: 23px 0; }
      #content .shop_list .box .row .imgs {
        width: 100%; }
        #content .shop_list .box .row .imgs h2.sp_content {
          font-weight: normal;
          font-size: 20px;
          display: flex !important; }
          #content .shop_list .box .row .imgs h2.sp_content img {
            width: 180px;
            margin-right: 10px; }
      #content .shop_list .box .row .txt {
        width: 100%; }
        #content .shop_list .box .row .txt p {
          line-height: 1.66;
          font-size: 14px;
          position: relative; }
          #content .shop_list .box .row .txt p a.map {
            top: 0; }
        #content .shop_list .box .row .txt h2.pc_content {
          display: none !important; }
  #content .shop_list .swiper.thums {
    margin-top: 5px; }
    #content .shop_list .swiper.thums .swiper-slide {
      height: auto;
      aspect-ratio: 1/0.66; }
  #content .shop_list .swiper .swiper-slide {
    height: auto;
    aspect-ratio: 1/0.6; }

  #content.single .ib {
    padding: 40px 25px; }
    #content.single .ib .event_contents ul {
      margin: 14px 0; }
    #content.single .ib .event_contents img {
      border: 1px solid #ddd; }
    #content.single .ib .message {
      font-size: 15px;
      top: 66px; }
    #content.single .ib h1 {
      font-size: 24px;
      margin-bottom: 30px; }
    #content.single .ib .yoyaku_container {
      padding: 20px;
      width: calc(100% - 40px);
      left: 20px;
      height: auto;
      top: calc(50% - 90px); }
      #content.single .ib .yoyaku_container .row {
        margin-bottom: 20px; }
        #content.single .ib .yoyaku_container .row h3 {
          margin-bottom: 20px; }
        #content.single .ib .yoyaku_container .row .inner a {
          border-radius: 8px;
          font-size: 14px;
          width: 48.8%;
          padding: 15px; }
    #content.single .ib .submit_buttons {
      bottom: 0px;
      right: 0px;
      height: 50px;
      width: 100%; }
      #content.single .ib .submit_buttons #request_button, #content.single .ib .submit_buttons #request_button2 {
        bottom: 0;
        width: 100%;
        right: 0;
        border-radius: 0;
        padding: 8px;
        font-size: 14px; }
        #content.single .ib .submit_buttons #request_button span, #content.single .ib .submit_buttons #request_button2 span {
          font-size: 11px; }
      #content.single .ib .submit_buttons #request_button1 {
        border-right: 1px solid #ccc; }
    #content.single .ib .post-wrapper .post-list {
      padding: 25px; }
      #content.single .ib .post-wrapper .post-list h3 {
        font-size: 20px; }
    #content.single .ib .column_2 {
      padding-top: 0; }
      #content.single .ib .column_2 .box {
        width: 100%;
        margin-bottom: 0; }
        #content.single .ib .column_2 .box:nth-of-type(1) {
          margin-bottom: 0px; }
        #content.single .ib .column_2 .box p:nth-of-type(1) {
          margin-top: 0; }
    #content.single .ib .gallery_l {
      margin: 20px 0; }
      #content.single .ib .gallery_l img {
        margin: 15px 0; }
    #content.single .ib .custom-grid {
      justify-content: space-between !important; }
      #content.single .ib .custom-grid .grid-item {
        margin-right: 0 !important;
        width: 49% !important;
        margin-bottom: 6px; }
    #content.single .ib .gallery_list {
      margin: 20px 0; }
      #content.single .ib .gallery_list img {
        margin-bottom: 7px; }
    #content.single .ib a.btn {
      margin: 40px auto; }
    #content.single .ib .denshi_cont {
      margin: 30px 0;
      padding: 25px; }
      #content.single .ib .denshi_cont .qr_box {
        justify-content: space-between; }
        #content.single .ib .denshi_cont .qr_box div {
          width: 49%;
          margin-right: 0; }
          #content.single .ib .denshi_cont .qr_box div p {
            margin-top: 0; }
          #content.single .ib .denshi_cont .qr_box div a {
            display: block;
            width: 100%;
            border-radius: 6px;
            background: #fff;
            font-size: 14px;
            padding: 15px; }
    #content.single .ib .remarks {
      margin: 30px 0; }
      #content.single .ib .remarks .remark {
        padding: 15px; }
    #content.single .ib #toc {
      padding: 25px; }
      #content.single .ib #toc #toc-list {
        padding-left: 0; }
    #content.single .ib .ev_outer h2, #content.single .ib .event_contents h2 {
      font-size: 20px;
      margin: 20px 0 15px; }
    #content.single .ib .ev_outer h3, #content.single .ib .event_contents h3 {
      font-size: 18px;
      padding: 10px;
      margin: 18px 0 15px; }
    #content.single .ib .ev_outer h4, #content.single .ib .event_contents h4 {
      font-size: 16px;
      margin: 16px 0 14px; }
    #content.single .ib .ev_outer p, #content.single .ib .event_contents p {
      font-size: 15px;
      margin: 15px 0;
      line-height: 1.66; }
    #content.single .ib .ev_outer .free_text, #content.single .ib .event_contents .free_text {
      margin: 15px 0; }

  #pagetop {
    bottom: 20px;
    right: 0px;
    width: 46px;
    height: 46px; }
    #pagetop img {
      width: 16px; }
    #pagetop.event {
      bottom: 80px; }
    #pagetop:before {
      font-size: 20px;
      left: 16px; }

  footer .ib {
    padding: 30px 25px; }
    footer .ib .df {
      margin: 40px 0 20px;
      flex-wrap: wrap; }
      footer .ib .df .box {
        padding: 0;
        width: 100%;
        border: none;
        padding-bottom: 16px;
        border-bottom: 1px solid #696969;
        margin-bottom: 30px; }
        footer .ib .df .box h2 img {
          width: 170px; }
        footer .ib .df .box:last-child {
          padding-left: 0;
          border: none;
          padding-bottom: 0;
          margin-bottom: 0; }
        footer .ib .df .box p {
          letter-spacing: -0.05em;
          font-size: 14px; }
    footer .ib nav {
      margin-top: 20px;
      flex-wrap: wrap;
      justify-content: space-between; }
      footer .ib nav.v2 {
        justify-content: space-between;
        margin-top: 30px; }
        footer .ib nav.v2 a {
          width: 48%;
          margin: 0;
          font-size: 15px;
          border: none; }
      footer .ib nav a {
        width: 48%;
        font-size: 15px;
        padding: 10px 2px;
        border-bottom: 1px solid #696969; }
        footer .ib nav a:after {
          display: none; } }
/*736pxend */

/*# sourceMappingURL=style_sp.css.map */