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

        --text-size-LL: 18px;
        --text-size-L: 14px;
        --text-size-M: 12px;
        --text-size-S: 10px;
    }


    * {}

    body {}

    nav {
        position: fixed;
        bottom: 0;
        left: 0;
        top: inherit;
        /*height: 74px;*/
        width: 100%;
        transform: none;
        display: block;
        padding: 0;
        margin-top: -30px;



    }

    nav .logo {

        display: none;
    }

    nav ul {
        z-index: 100;
        border-radius: 0px;
        width: 100%;
        padding: 10px 10px;
        margin:0;
        padding-bottom: calc(env(safe-area-inset-bottom) + 10px);


    }

    nav ul li {
        width: 25%;
    }

    nav ul li a {

        width: auto;
        letter-spacing:-0.1em;
    }

    nav ul li a::before {
        height: 32px;
        background-size: 20px auto;

    }

    nav ul li::after {
        top: calc(50% + 2px);
        width: 62px;
        height: 62px;
  
    }

    main {
        padding-top: 0;
        margin-top: 20px;
        min-width: auto;
    }

    main.noHeader {
        padding-top: 30px;
        margin-top: 0 !important;
    }

    main.noHeader #main-content {
        border-radius: 0 0 15px 15px;
    }

    #main-img {
        height: auto;
    }

    #main-img video {
        position: relative;
        transform: none;
    }

    #main-content {
        padding: 30px 15px;
    }

    .top-bnr {
        margin-top:0px;
        margin-bottom:30px;
    }
    .top-bnr a {
        width:calc(100% - 50px);
    }

    .tile-style01 a {
        width: 160px;

    }

    .tile-style01 .slick-list {
        padding-left:10px;
    }

    .tile-style01 .tile-footer img {
        width: 50px;
        height: 50px;
    }

    .title-style01 h2 .tile-style02 {
        margin-right: 0;
    }

    .tile-style02 a {
        flex-basis: calc(100%);
        margin-right: 0;
    }


    .tile-style03 a {
        width: 180px;

    }

    .tile-style03 .slick-list {
        padding-left:10px;
    }

    .slick-prev {}

    .slick-prev {
        left: -7px;
    }

    .slick-next {
        right: -7px;
    }

    .content-middle {
        min-width: auto;
        width: calc(100% - 40px);
        margin: 0 auto;
    }


    footer .footer-cont {
        display: none !important;

    }
   

    .cont-footer {
       display: block;
		margin-bottom:50px;
      
    }
    
    footer figure {
        width: 50%;
        margin: 0 auto 20px;
    }

    .footer-text {
        width: 100%;
    }

    nav.footer_navigation li,
    nav.footer_navigation ul:nth-of-type(1) li {
        width: 50%;
        margin-bottom: 1em;
    }

    nav.footer_navigation ul {
        flex-wrap: wrap;
    }

    nav.footer_navigation {
        height: auto;
        margin: 20px 0;
    }

    nav.footer_navigation ul:nth-of-type(2) li:nth-of-type(2) {
        display: none;
    }

    .footer-text p {
        line-height: 1.75;
    }

    .row-01 {
        width: 100%;
        margin: 0;
    }

    main.top {
        margin-top: 20px;;
    }

    section#main-content.shop-serach {
    }

    .search-content .search-box>* {
        margin: 0.25em 0 0.25em !important;
        width: 100%;
    }

    .tile-style02 .shop-card {
        flex-basis: 100%;
    }


.shop-detail-header {
    position: fixed;
    top:0;
    left:0;
     background-color: var(--primary-color) ;
    padding:15px 0;
    z-index: 10;
 }
 
 .shop-detail-header h1 {
     padding:0 50px;
     width:100vw;
     display: block;
 }
 
 .shop-detail-header .shop-detail-back {
     color:#fff;
     position: absolute;
     left:15px;
     top:5px;
     font-size:30px;
 }
    .content-section,
    .shop-content-section {
        margin-bottom: 3em !important;

    }

    .shop-thumbnail,
    .shop-text {
        width: 100%;
    }

    .shop-thumbnail{
        width:100px;
    }
    .shop-text {
        width: calc(100% - 100px);
    }

    .slider {
        max-width:100vw;
        margin-right: -15px;
        margin-left: -15px;
        

    }
    .shop-card-message-slider{
        max-width:calc(100vw - 30px);
        
    }
    
    .shop-index-slider2{
        max-width:100vw;
    }
    .shop-index-slider2 .slick-slide.slide-img {
        width: auto;
    }

    .shop-index-slider2 .slick-slide.slide-img img {
        /*max-width: 80vw;*/
    }

    .shop-index-slider2 .slick-slide.slide-img {
       max-width: 300px;
    }


	#map-img{
		height:200px;
	}

    .coupon-area, .coupon-text {
        width: 100%;
    }
    .shop-card-info-table .tr-map td {
        padding-right:80px;
        position: relative;
        min-height: 70px;

    }
    .shop-card-info-table a.map-btn {
        display: absolute;
        right:0;
        top:0;
        /*
        position: inherit;
        margin: 1em auto 0;
        display: flex;
        */
    }

    .coupon .shop-status-box>* {
        /* width: 100%; */
    }
    
    .coupon .shop-status-box {
        flex-wrap: wrap;
    }

    .box-left+div {
        margin-left: auto;
    }

    .tostaff-area-title+figure {
        margin-left: auto;
    }



    #gps_map {
        height: calc(100vh - 240px);
        height: calc(100lvh - 240px);
    }

    .shop-detail-inner .shop-card {
        padding-top:0;
    }
    .shop-card {
        padding-right:0;
    }
    
}