@charset "UTF-8";


/*SHOP仕様CSS*/

  body .hakata_top_banner {
    display: block;
    margin-top: 15px;
  padding: 0 !important;
  }
  
  .hakata_top_banner_inner {
  
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .ht_mt {
  
    margin-top: 0;
  padding: 0 !important;
  } 
  
  .top_img_inner {
    position: relative;
  
  }
  
  
  .shop_top_txt {
    position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      /*max-width: 930px;*/
      color: #fff;
      transform: translate(-50%, -50%);
      background: rgba(0,0,0,.5);
  }
  
  .shop_top_txt_innner {
   margin: 50px auto;
   
    display: flex;
      justify-content: center;
  
    text-align: center;
  max-width: 930px;
  }
  
  .shop_top_txt h2 {
  
    font-size: 7.2rem;
    color: #fff !important;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000, 0-1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;
    line-height: 1.2;
    font-family: 'Courier New', Courier, monospace;
  }
  .shop_top_txt p{
    margin-top: 0px;
    font-size: 3.2rem;
    font-weight: bold;
    font-family: 'Courier New', Courier, monospace;
    margin-bottom: 5px;
    letter-spacing: 0.05em;
  }

  
  .briefing a {

    display: flex;
    width: auto;
    height: 64px;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    outline: none;
    padding: 0 50px 0 35px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    color: #fff;
    transition: all .5s;
    box-sizing: border-box;
    background: orange;
    /*
    color: #fff;
    background: #5876a3;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 5px;
    text-decoration: none;
  */}
  
  
  section[id^="shop"] {
    color:#000;
    padding-top: 100px;

  }
  
  .top-nav > ul  {
  
    table-layout: auto;
  } 
  
  .top-nav > ul > li {
  
    width: auto;
  }
  
  
  .clo {
  
    transform: translateY(-100%) !important;
  
  }
  
  section {
    padding-top: 0px ;
    margin-top: 0px;
  
  }
  
  .open02 {
    transform: translateY(50%);
  
  }
  


  @media screen and (max-width: 989px) {
  section .main_tittle p {

font-size: 2.1rem;
}

body .mb_padding .mod-frame .mod-frame_inner {

  max-width: 90% ;
}

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


    .on_pc03 {
  
      display: none !important;
  
    }
  
    .mbtop {
  
      padding-top: 0 !important;
  
    }

   body .fl_b.just-sb {
      display: block;
    }
  
  
  }
  
  
  
  @media screen and (min-width: 899px) {
  
    .on_mb {
  
      display: none !important;
  
    }

  }
  
  @media screen and (max-width: 899px) {
  
    .mb_padding {
      /*padding: 0 10px;*/
      box-sizing: border-box;
      

    }
    
    body .mb_padding .mod-frame .mod-frame_inner {

      max-width: 90% ;
    }
  }


  .mbtop_innner {
  
    padding: 5px 10px 10px;
  }
  
  
  .mbtop_innner .hakata_top_rw {
  
      margin: 0 auto;
  
  }
  
  .mb_top-nav ul {
  
    display: table;
    width:120% !important;
  }
  
  
  .mb_top-nav ul > li {
      word-wrap: break-word;
      position: relative;
      display: table-cell;
      font-weight: normal;
      line-height: 1.3;
      vertical-align: middle;
      text-align: center;
      padding: 5px 10px ;
      font-size: 1.2rem;
  }
  
  .mb_top-nav > ul > li:after {
      display: block;
      position: absolute;
      right: -1px;
      top: 0%;
      width: 1px;
      height: 100%;
      background: #666;
      content: "";
      min-height: 1px;
  }
  
  .mb_top-nav > ul > li:first-child:before {
      display: block;
      position: absolute;
      left: 0;
      top: 0%;
      width: 0px;
      height: 100%;
      background: #666;
      content: "";
  }
  

  
  .mb_top-nav > ul > li:last-child:after {
  
    
    width: 0px;
  }
  
  .mb_top-nav > ul > li > a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-decoration: none;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: auto;
      /* padding: 5px 0; */
      color: #000;
      box-sizing: border-box;
  }
  
  
  .mb_top-nav > ul > li > a:hover {
      color: darkseagreen;
      transition: all .3s;
  }
  
  
  
  .mb_top-nav.scroll {
  
    overflow-x: scroll;
      }
  
      .scroll{
      overflow: auto;/*tableをスクロールさせる*/
      white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/
    padding-bottom: 15px;
      }
      .scroll::-webkit-scrollbar{/*tableにスクロールバーを追加*/
      height: 8px;
      }
      .scroll::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/
      background: #F1F1F1;
      }
      .scroll::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/
      background: #195cbf;
    }

    .shop_fb04_main a:hover,  
    .link_concept a:hover,
    .shop_top_txt a:hover {

      opacity: .55;
    /*background: #3074df;*/
    transform: translate(5px, 5px);

    }


    .top_ogbg {
      background: orange;
    display: inline-block;
    padding: 0 15px ;
    margin: 5px;
    }



    .top_ogbg span {
      font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-family: 'Courier New', Courier, monospace;

    }

  .shop_top_txt_main h2 span {

    letter-spacing: 0.1rem;

  }

  @media screen and (max-width: 1199px) {
  
  .shop_top_txt h2 {
    font-size: 5rem;
  }

}


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

 body section {

    padding-top: 0px ;
  }


 body .top_ogbg {

  padding: 0px 10px ;
  }

  body .shop_top_txt_innner { 

    margin: 50px auto;
  }

  body .top_ogbg span {
    font-size: 1.4rem;
}

body .shop_top_txt h2 {
    /*font-size: 2.2rem;*/
    font-size: 3.2rem;
    
  }
  body  .button_link_text {

    font-size: 1.2rem;
  }


  body  .briefing a {
    height: 44px;
  }
}



.top-nav > ul {

  width: 65%;
}

    .briefing {
    
      display: flex;
      justify-content: center;
    }
    
    .button_link_text {
      position: relative;
      font-size: 1.8rem;
    }
    
    .button_link_text::before {
        content: "\f054";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 1em;
        display: block;
        position: absolute;
        right: -2rem;
        top: 4px;
        line-height: 1.4;
    }
    


    table[class*="bort"] {
        width: 100%;
        color: #000;
    }
    
    
    table[class*="bort"] td:nth-child(1) {
        width: 26%;
        background: rgba(233,245,243,0.9);
        white-space: nowrap;
    }
    
    table[class*="bort"] tr {
        border-bottom: 1px solid #c9d1d3;
        border-top: 1px solid #c9d1d3;
        border-right: 1px solid #FFF;
    }
    .ontlone_t {
        color: #333 !important;
        font-size: 1.2em;
        font-weight: bold;
    }
    table[class*="bort"] td {
        padding: 5px 10px;
        vertical-align: middle;
        font-feature-settings: "palt";
    }
    
    img {
    
      image-rendering:-webkit-optimize-contrast ;
    }
    
    .fl_b {
      display: flex;
    
    }
    
    .fl_b img {
    
      width: 100%;
    }
    
    .page-title { 
    
      margin: 0 auto 60px;
    
    }
    
    #shop03 img,
    #shop04 img,
    #shop05 img {
      width: 100%;
    }
    
    #shop03 .page-title h2,
    #shop05 .page-title h2 {
    
    color: #ea7a0a !important;
    
    }
    
    
    #shop03 .page-title h2::after,
    #shop05 .page-title h2::after {
    
    background: #ea7a0a !important;
    
    }
    
    .page-title h2 {
      color: #34afc6 !important;
    
    }
    
    .page-title h2:after {
    
        background: #34afc6 !important;
    
    }
    
    .main_img {
        position: relative;
        background: #f5f5f5;
       
    }
    .main_v {
        text-align: center;
    }
    
    
    .main_font .main_img img { 
    
    width: 550px;
    margin: 0 auto;
    padding: 25px 0 ;
    box-sizing: border-box;
    }
    
    
    .main_tittle p {
    
        font-size: 3.2rem;
    }
    
    .link_concept a {
      display: inline-block;
      transition: all .3s;
    }
    
    .just-sb {
    
    justify-content: space-between;
    
    }
    
    
    
    .just-sb figure:nth-child(2) {
    
      flex: 0 0 436px;
    
    }
    
    .just-sb figure {
    
        margin-bottom: 25px ;
    
    }
    
    
    .fl_b.subway {
      margin-top: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px 10px;
        background: #faf5d7;
    
    }
     
    
    
    .fl_b.subway div:nth-child(1) {
        flex: 0 0 33%;
    }
    
    .fl_b.subway div p {
        padding: 15px;
    }
    .fl_b2 {
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }
    
    .fl_b2 img {
        padding: 5px;
        box-sizing: border-box;
    }
    
    .fl_b2 figure span {
        font-size: 1.2rem;
        display: block;
        padding-left: 5px;
    }
    
    .mod-frame_inner.main_tittle {
    
    padding-top: 70px;
    
    }
    
    .shop_main_txt {
    
      text-align: center;
    
    }
    
    .shop_main_txt h3 {
    
    font-size: 3.2rem;
    
    }
    
    
    .shop_main_txt p {
    
    font-size: 2.4rem;
    
    }
    
    
    .shop_tittle {
    
      margin: 25px auto;
    font-feature-settings: "palt";
    
    }
    
    .shop_tittle h4 {
    
    display: table;
    color: #34afc6 !important;
    }
    
    .shop_tittle h4 span {
      display: table-cell;
    vertical-align: middle;
    }
    
    
    .shop_tittle h4 span:nth-child(2) {
    
      font-size: 2.6rem;
      line-height: 1.1;
      padding-left: 1rem;
    }
    
    
    
    .shop_tittle p {
    font-size: 2.0rem;
    font-weight: bold;
    }
    
    .shop_fb02 figure:nth-child(1) {
        flex: 0 0 33.3%;
        text-align: left;
    }
    
    .shop_fb02 figure:nth-child(2) {
    
      flex:0 0 66.7%;
    }
    
    .shop_fb02 figure .flex02 div:nth-child(1) {
        margin-right: 5px;
    }
    .shop_fb02 figure .flex02 div {
        width: 50%;
        /* padding: 15px 0; */
        box-sizing: border-box;
    }
    
    .shop_fb02 figure p {
        font-size: 1.3rem;
        padding-right: 25px;
        text-align: justify;
    }
    .shop_main_txt,
    section[id^="shop"] article {
    
      margin-bottom: 20px;
    }
    
    .shop_fb02 .flex02 {
      display: flex;
    }
    
    .fl_b h5,
    .flex02 span {
      font-weight: normal;
    font-size: 1.4rem;
    }
    
    .space {
    
      margin-top: 50px !important;
    }
    .shop_fb03 figure:nth-child(1) {
    
    flex: 0 0 63.3%;
    }
    .shop_fb03 figure:nth-child(2) {
    
      flex: 0 0 33.3%;
    }
    
    
    .shop_fb03 h4 {
    
      font-size: 1.8rem;
      font-weight: bold;
    }
    
    .shop_fb03 {
      justify-content: space-between;
      margin-top: 25px ;
    }
    
    .shop_fb03 h5 {
    display: block;
    font-size: 2.0rem;
    margin-top: 20px;
    font-weight: bold;
    
    }
    
    .shop_fb03 h4 span {
    
      background: #f2d75b;
      padding: 5px 10px;
      
    }
    
    
    .shop_fb03 p {
    
    margin-top: 10px ;
    }
    
    
    body section .shop_fb04 {
      background: #fdf2d5;
      justify-content: center;
      align-items: center;
    margin: 74px auto 100px;
    padding: 56px 0 ;
    }
    
    #shop03,
    #shop03 .mod-frame,
    #shop05,
    #shop05 .mod-frame {
    padding-right: 0 ;
    padding-left: 0 ;
      border: 0;
      background: #fdf4eb;
    }
    
    #shop03 figure,
    #shop05 figure {
    
      margin: 40px auto 30px;
    }
    
    
    .qa_list li {
    position: relative;
    border-bottom: 1px solid #cfcfcf;
    }
    
    .qa_list li dd,
    .qa_list li dt { 
    
      position: relative;
      margin: 15px 0;
    
    }
    
    .qa_list li dt p,
    .qa_list li dd p { 
    position: relative;
    padding-left: 38px;
        margin-left: 2rem;
    }
    
    
    .qa_list li dt p { 
    
    font-weight: bold;
    }
    
    .qa_list li dt::before { 
      content: '';
      display: block;
      position: absolute;
    left: 0;
    top: 0;
      background-image: url(/restaurant_img/06.svg);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      width: 38px;
      height: 38px;
    }
    
    
    .qa_list li dd::before { 
      content: '';
      display: block;
      position: absolute;
    left: 0;
    top: 0;
      background-image: url(/restaurant_img/07.svg);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      width: 38px;
      height: 38px;
    }
    
    
    
    #shop04_02{
    margin-bottom: 100px;
    
    }
    
    
    .tenant {
    
      max-width: 727px;
    
    }
    
    @media screen and (max-width: 767px) {
    
    
    
      body .qa_list li dt p {
    
        font-size: 2rem;
      }
    
    
      body .qa_list li dd p {
    
    font-size: 1.8rem;
    }
    
    
    body  #shop04_02{
    margin-bottom: 50px;
    
    }
    
    
    
      body .space {
    
    margin-top: 25px !important;
    }
    
    
    
     body .shop_main_txt h3 {
    
      font-size: 2.6rem;
      }
    
     body .shop_tittle p,
      body .shop_main_txt p {
    
    
        font-size: 1.7rem;
    
      }
    
    body .fl_b.shop_fb03,
     body .fl_b.shop_fb02 {
    
        display: block;
    
      }
    
      body .shop_fb02 figure p {
        padding: 0 ;
    
      }
    
    .mod-frame_inner.main_tittle,
      section[id^="shop"] {
        padding-top: 50px;
    }
    
     body .page-title {
    
      margin: 0 auto 30px;
      }
    
    
      body .fl_b.subway {
        display: block;
      }
    
    
    
      .qa_list li dt p, .qa_list li dd p {
    
          line-height: 2.1 ;
    
      }
    
    
    }
    
    
    
        .qa_list li {
        
          opacity: 0;
          transition: all 500ms;
          transform: translate(-200px, 0px);
        }
        
        
        .qa_list li.scrollin02 {
        
          opacity: 1;
          transform: translate(0px, 0px);
        }
        
        
        
        
        .qa_list li.scrollin02 dt,
        .qa_list li.scrollin02 dd {
          margin : 20px 0 ;
        }
        
    
        .teannt_table {
        
          margin: 100px auto;
        
        }
        
        
        .teannt_table li {
        
          border-bottom: 1px solid #cfcfcf;
        }
        
        
        .teannt_table li dl {
        
          display: table;
          width: 100%;
        
        }
        
        .teannt_table li:nth-child(1) {
        
        border-top:1px solid #cfcfcf ;
        }
        
        
        
        .teannt_table li dt {
        
          background: #eaf9fc;
            padding: 20px 0 20px 15px;
            width: 15%;
        
        }
        .teannt_table li dd {
        
            background: #fff; 
            padding: 20px 15px;
        
         }
        
        .teannt_table li dt,
        .teannt_table li dd
         {
        
        display: table-cell;
        box-sizing: border-box;
        }
        
        .teannt_table li p {
        
          font-size: 1.5rem;
        }
        
        .teannt_table li p span {
        
          display: block;
        
        }
        
        
        #map {
         width: 100%;
         height: 410px;
         background-color: grey; 
         margin-top: 10px;
        /**/
        }
        
        
        .participation {
        
          max-width: 660px;
          margin: 30px auto 0;
          text-align: center;
        }
        
        
        .participation  img {
        
        width: 100%;
        
        }
        
        #shop06 .main_txt p {
        
          font-size: 2.4rem ;
        }
        
        .box_fill {
        
        border:   1px solid #34afc6 ;
        
        }
        
        .box_fill h4 {
        
          text-align: center;
          background: #34afc6;
        }
        
        
        .box_fill h4 span {
        
          color: #fff;
        }
        
        .box_fill .box_fill_inner  {
        
        display: flex;
        justify-content: center;
        }
        
        .box_fill ul {
        
          list-style: none;
          margin: 20px auto;
          padding: 0 10px;
          box-sizing: border-box;
        }
        
        .box_fill ul li dl {
          display: table;
            font-size: 2.2rem;

        }
        
        
        .box_fill ul li dl dt,
        .box_fill ul li dl dd {
          display: table-cell;
          padding-right: 1rem;
        }
        
        
        
        @media screen and (max-width: 767px) {
        
        
        body #shop06 .main_txt p {
        
        font-size: 1.7rem ;
        }
        
        
         body .participation {
        
          max-width: 100%;
          }
        
        
        
         body #map {
        
          height: 333.25px;
          }
        
         body .teannt_table li dt {
          width: 100%;
          }
        
        
         body  .teannt_table {
        
        margin: 50px auto;
        overflow: hidden;
        
        }
        
        
        body .teannt_table li {
        
        border-bottom: 0px solid #cfcfcf;
        }
        
        
        
        
        body .teannt_table li dt,
        body .teannt_table li dd {
        
        display: block;
        border-bottom: 1px solid #cfcfcf;
        width: auto;
        }
        
        body .box_fill ul li dl {
        
          font-size: 1.5rem;
        }
        
        
        
        
        }
        

    /*//SHOP仕様CSS*/

    /*古いsafari*/



    @media screen and (-webkit-min-device-pixel-ratio:0) {
      ::i-block-chrome, .shop_top_txt_main h2 span {
        letter-spacing: 0.5rem;
      }
    }




.box_fill ul {

  padding: 0 10px;
  box-sizing: border-box;
}

#floating-menu a:hover {

  opacity: .55;
  transform: translate(5px, 5px);


}

div#floating-menu {

  padding: 0;

  box-shadow:none;
  border: 0px;
  width: 230px;
}


.sp_foatmaneu {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 9999999;
}

.sp_foatmaneu_inner {


  width: calc(100% - 55px);


}



.al_c {

  align-items: center;
}






  body .modaal-image .modaal-container img {

    max-width: 930px;

  }

.win, .mac {
    overflow-y: unset !important;
}
.shopbody .button_link_text {

  font-size: 1.6rem;
  letter-spacing: 0.1em;
}

.shopbody .briefing a {


background: #F87F06;
height: 50px;
padding: 0 65px 0 50px  ;
border: 0;

}
.shopbody .button_link_text::before {

  right: -45px;
    top: 3px;
    line-height: 1.4;

}
.shopbody .just-sb {
  gap: 15px;
}

body 
a.example-button {

    background: #F87F06;
    padding: 10px 5px;
    box-sizing: border-box;
    line-height: 1.6;
    color: #fff;

}


body .sp_foatmaneu_inner,
body .sp_foatmaneu_inner a.example-button {

  width: 100%;
}


body .sp_foatmaneu {
  padding: 0;

}

#shop02img figure {

  background: url(/restaurant_img/0602.webp) no-repeat center center;
  background-size: cover;
  width: 100% ;

}

.image:hover {
transition: all .55s;
  opacity: .55;
}