@charset "UTF-8";

@media (max-width:1499px){
  .mv{
    height: 600px;
  }
}

@media (max-width:1199px){
  .container{
    width: 100%;
    /*padding-left: 5px;
    padding-right: 5px;*/
  }
  .mv{
    height: 500px;
  }
}

@media (max-width:1023px){
  
  .top_search_box li a > label{
    font-size: 20px;
  }
  .top_search_box li a > label em{
    font-size: 15px;
    width: 100%;
    margin-left: 0;
  }
  
  .mv{
    height: 400px;
    margin-bottom: 0;
  }
  
  .pg_single .tab_items .pg_content_main,
  .pg_single .tab_items .pg_content_sub{
    width: 100%;
  }
}

@media (max-width:767px){
  
  body{
    font-size: 14px;
    padding-bottom: 60px;
  }
  
  
  header .hdr1 .container,
  header .hdr2 .container,
  header .hdr3 .container {
    flex-wrap: wrap;
  }
  header .hdr1 .h1,
  header .hdr1 .sns{
    width: 100%;
  }
  header .hdr1 .h1{
    font-size: 10px;
  }
  
  header .hdr2 .logo,
  header .hdr2 .gnav1{
    width: 100%;
  }
  header .hdr2 .logo{
    /*text-align: center;*/
  }
  header .hdr2 .logo img{
    width: 180px;
  }
  header .hdr2 .gnav1 .txt{
    font-size: 12px;
    display: none;
  }
  header .hdr2 .gnav1 .menu1{
    margin-top: 10px;
    display: none;
  }
  header .hdr2 .gnav1 .menu2{
    
  }
  header .hdr2 .gnav1 .menu2 li{
    width: 100%;
    font-size: 16px;
  }
  
  header .hdr3 .search_form,
  header .hdr3 .menu3{
    width: 100%;
  }
  header .hdr3 .menu3{
    display: none;
  }
  
  .search_form_details .search_row{
    flex-wrap: wrap;
  }
  .search_form_details .search_row dt,
  .search_form_details .search_row dd{
    width: 100%;
  }
  .search_form_details .search_row ul{
    flex-wrap: wrap;
  }
  
  .blc_side_search_bar{
    display: block;
  }
  .search_box>.label:hover:after{
    content: '';
  }
  .search_box>.label .sub-menu{
    position: static;
  }
  
  
  .footer_fix{
    display: block;
  }
  
  .gnav{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFF;
    padding: 0;
    z-index: 5;
    overflow-y: scroll;

    transition: all 0.2s;
    transform: translateX(100%);
    padding: 15px;
  }
  .gnav.active{
    transform: translateX(0%);
  }
  .gnav > ul{
    display: block;
  }
  .gnav > ul > li{
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px dashed #CCC;
  }
  .gnav .children, .gnav .sub-menu{
    display: block;
    position: static;
    background: #EEE;
  }
  
  .contact_form th,
  .contact_form td{
    display: block;
    width: 100%;
    padding: 10px 10px;
  }
  .contact_form th{
    padding-bottom: 5px;
  }
  .contact_form td{
    padding-top: 0;
  }
  .contact_form_btns input[type="submit"], 
  .contact_form_btns input[type="button"]{
    width: 35%;
  }
  
  .pg_header1{
    flex-wrap: wrap;
  }
  .pg_header1 .box1,
  .pg_header1 .box2{
    width: 100%;
  }
  
  .pg_single .tab_items .pg_content_main{
    width: 100%;
  }
  .pg_single .tab_items .pg_content_sub{
    width: 100%;
  }
  
  .place_contents .place_content_l,
  .place_contents .place_content_c,
  .place_contents .place_content_r{
    width: 100%;
    margin-bottom: 15px;
  }
  
  .pg_header .meta dl{
    
  }
  .pg_header .meta.row [class*="col-"]{
    margin-top: 0;
    margin-bottom: 2px;
  }
  
  .pg_header .review{
    margin-bottom: 10px;
  }
  
  .pg_header1 .box2{
    justify-content: space-between;
  }
  .pg_header .btn_review, 
  .pg_header .btn_favorite{
    margin: 0;
    width: 48%;
  }
  .mv{
    height: 230px;
    margin-bottom: 0;
  }
  
  /* 店舗詳細TOP PR */
  .blc_pr .desc{
    flex-wrap: wrap;
  }
  .blc_pr .desc .txt,
  .blc_pr .desc .img{
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  .blc_pr .desc .txt{
    order: 2;
  }
  .blc_pr .desc .img{
    order: 1;
  }
  
  .blc_pr .desc .img ul{
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
  }
  .blc_pr .desc .img ul li{
    width: 50%;
    padding: 0 5px;
  }
  .blc_pr .desc .img ul[data-count="1"] li{
    width: 100%;
    text-align: center;
  }
  
  /* 店舗詳細TOP メニュー */
  .blc_menu .item .img{
    width: 30%;
  }
  .blc_menu .item .desc{
    width: 65%;
  }
  .blc_menu .item h5{
    
  }
  .blc_menu .item h5 .price{
    display: block;
    float: none;
    text-align: left;
  }
  
  /* 店舗詳細TOP 写真 */
  .blc_imgs .row .col-imgs{
    width: 33.333333%;
  }
  
  /**/
  .blc_review .item .meta{
    flex-wrap: wrap;
  }
  .blc_review .item .meta .avater{
    width: 10%;
  }
  .blc_review .item .meta .stats{
    width: 85%;
  }
  .blc_review .item .meta .btn{
    width: 50%;
    margin: 0 0 0 auto;
  }
  
  /**/
  .ranking_items{
    
  }
  .ranking_items .item{
    width: 33.333333%;
  }
  
  
  .recommend_items .item .review2 .btn{
    width: 60%;
    font-size: 12px;
  }
  
  .responsive_tbl{
    
  }
  .responsive_tbl th,
  .responsive_tbl td{
    display: block;
    width: 100%;
  }
  
  
  .blc_side_search{
    display: none;
  }
  .blc_side_search.active{
    display: block;
  }
  .search_box>.label label:after{
    content: "\f13a";
  }
  .search_box>.label .sub-menu{
    width: 100%;
    position: static;
    padding: 0;
    margin-top: 10px;
  }
  
  .search_box>.label .sub-menu .sub-menu-in:before{
    display: none;
  }
  
  .more{
    justify-content: center;
  }
  
  
  .user_details_wrap{
  }
  .user_details_wrap .user_contens{
    width: 100%;
  }
  .user_details_wrap .user_contens.wide{
    width: 100%;
  }
}