@media screen and (max-width: 767px) {
    p{
        font-size: 14px;
    }

    .grnv-bg figure{
        width: 30%;
    }

    .hamburger-menu {
        width: 30px;
        height: 21px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        cursor: pointer;
        margin: 20px;
        transition: transform 0.3s ease;
    }

    .hamburger-menu span {
        display: block;
        height: 3px;
        background-color: #333;
        transition: all 0.3s ease;
    }

    /* メニューが開いた時のバツマークスタイル*/
    .hamburger-menu.open span:nth-child(1) {
        transform: rotate(45deg) translate(6.5px, 6.5px);
    }

    .hamburger-menu.open span:nth-child(2) {
        opacity: 0;
    }

    .hamburger-menu.open span:nth-child(3) {
        transform: rotate(-45deg) translate(6.5px, -6.5px);
    }

    .nav {
        display: none;
        position: absolute;
        top: 80px;
        left: 0;
        width: 100%;
        background-color: white;
        text-align: center;
    }

    .nav.open,.sp {
        display: block;
    }

    .pc,.grnv-drop,.grnv-mega a i{
        display: none;
    }

    .nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .nav li {
        padding: 5px 0;
    }

    .nav a {
        color: white;
        text-decoration: none;
        font-size: 14px;
    }

    .nav a:hover {
        color: #ddd;
    }

    .offset-1,.offset-2{
        margin-left: 0;
    }

    .tp-topics-bg{
        padding: 20px 0;
    }

    .topics-title{
        margin-top: 30px;
    }

    .topics-content ul,.tp-recruit,.tp-sns-img,.tp-store-content,.tp-bnr-content{
        flex-direction: column;
    }

    .tp-recr-l,.tp-recr-r,.tp-store-info,.tp-bnr-content a{
        width: 100%;
    }

    .topics-content li{
        width: 90%;
        margin: 10px auto;
    }

    .tp-menu .offset-1{
        padding: 0;
    }

    .tp-menu-content{
        display: block;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .tp-menu-content li{
        display: inline-block;
        width: 45%;
        margin: 20px 10px 50px 10px;
    }

    .tp-menu-to{
        width: 90%;
    }

    .tp-recruit{
        padding-top: 50px;
    }

    .tp-recr-text a{
        width: 100%;
    }

    .tp-news-content{
        overflow: scroll;
        height: 200px;
    }

    .tp-news-text th,.tp-news-text td,.tp-store-info th,.tp-store-info td,.si-info-content th,.si-info-content td,.tab-pane th,.tab-pane td{
        display: block;
        width: 100%;
        font-size: 14px;
    }

    .tp-sns{
        margin: 50px 0;
    }

    .tp-sns-img a{
        width: 80%;
        margin: 20px auto;
    }

    .tp-store-content{
        margin-bottom: 0;
    }

    .tp-store-logo{
        width: 100%;
    }

    .tp-store-logo img{
        width: 30%;
    }

    .tp-store-info th{
        border-right: none;
    }

    .tp-store-info td{
        padding-left: 0;
    }

    .tp-bnr-content a{
        margin: 10px 0;
    }

    .sp-map a{
        display: block;
        width: 200px;
        height: 30px;
        line-height: 30px;
        border: 1px solid white;
        text-align: center;
        color: white;
        margin-top: 10px;
    }

    .sp-map a i{
        padding-right: 5px;
    }

    footer img{
        width: 20%;
    }

    .foot-sitemap li{
        width: auto;
    }

    .head{
        margin-top: 90px;
    }

    /* menu */
    .menu-jump{
        padding: 30px 0;
    }

    .menu-jump ul{
        display: block;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .menu-jump li{
        display: inline-block;
        width: 30%;
        margin: 10px 5px;
    }

    .menu-jump li a{
        font-size: 12px;
    }

    .menu-jump-p{
        text-align: center;
        font-size: 10px;
        margin-top: 10px;
    }

    .menu-list .col-md-4{
        width: 48%;
    }

    .menu-list dt{
        font-size: 16px;
    }

    .menu-list dd{
        font-size: 14px;
    }

    .menu-list p{
        font-size: 12px;
    }

    .menu-text li{
        margin: 10px;
    }

    .menu-option ul{
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .menu-option li{
        width: 100%;
    }

    .steak-kodawari h4{
        font-size: 16px;
    }

    .steak-kodawari li{
        font-size: 12px;
    }

    /* dessert */
    .kurohhuru-content{
        flex-direction: column;
    }

    .kurohhuru-content figure{
        width: 70%;
    }

    .kurohhuru-text{
        width: 100%;
    }

    /* drink */
    .drink-content{
        flex-direction: column;
    }

    .drink-l,.drink-r{
        width: 100%;
    }

    .drink-l figure,.drink-r figure{
        text-align: center;
    }

    .drink-l img,.drink-r img{
        width: 80%;
    }

    .drink-content table{
        margin-top: 10px;
    }

    /* takeout */
    .takeout-tel{
        font-size: 40px;
        margin-bottom: 20px;
    }

    .time{
        font-size: 20px;
    }

    .time span{
        display: block;
        font-size: 14px;
    }

    .accordion-header{
        cursor: pointer;
        user-select: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .accordion-icon{
        display: block;
        transition: transform 0.3s ease;
    }

    .accordion-header.active .accordion-icon{
        transform: rotate(180deg);
    }

    .accordion-content{
        padding: 0 15px;
        margin: 0;
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.3s ease-out, padding 0.3s ease-out;
    }

    .accordion-content.active{
        max-height: 500px;
        padding: 10px 15px;
    }

    .accordion-content li{
        padding: 5px 0;
    }

    .haitatu li{
        width: 46%;
    }

    .o-do-wrapper{
        flex-direction: column;
    }

    .o-do-wrapper figure{
        width: 70%;
    }

    .o-do-content{
        width: 100%;
        margin-top: 20px;
    }

    /* store */
    .si-about-text h4{
        font-size: 18px;
    }

    .si-about-text figure{
        width: 40%;
    }

    .si-tel a{
        font-size: 45px;
    }

    .sw-cap h4{
        font-size: 14px;
    }

    .si-buppan .col-md-8{
        flex-direction: column;
    }

    .si-buppan-l{
        width: 90%;
    }

    .si-buppan-r{
        width: 100%;
        margin-top: 20px;
    }

    /* contact */
    .cont-wrapper{
        margin: 50px auto;
    }

    .field{
        flex-direction: column;
    }

    .label,.control{
        width: 100%;
    }

    /* recruit */
    .recr-head{
        margin-top: 100px;
    }

    .recr-head .col-md-10{
        flex-direction: column-reverse;
    }

    .recr-head-title,.recr-head-img{
        width: 100%;
    }

    .recr-head-title{
        margin-top: 20px;
    }

    .recr-head-title p span{
        font-size: 30px;
    }

    .recr-motomeru ul{
        justify-content: center;
    }

    .recr-motomeru li{
        margin: 10px 5px;
        width: 30%;
    }

    .recr-motomeru a img{
        width: 100%;
    }

    .recr-bosyu .nav{
        display: flex;
        position: relative;
        top: 0;
    }

    .recr-bosyu .nav-item{
        margin: 10px 0;
        padding: 0;
    }

    .recr-bosyu .nav-link h4{
        font-size: 12px;
    }

    .recr-bosyu h4 span{
        font-size: 10px;
    }

    .tab-pane{
        height: 100%;
        padding: 20px;
    }

    .tab-pane h4{
        font-size: 20px;
        padding: 10px;
    }

    .entry-content{
        flex-direction: column;
    }

    .entry-tel,.entry-mail{
        width: 100%;
    }

    .entry-tel{
        margin-bottom: 20px;
    }

    .entry-mail a{
        width: 100%;
    }

    /* privacypollicy */
    .pripoli-content ul{
        margin-top: 10px;
    }

    .pripoli-content li{
        font-size: 14px;
    }

    /* sitemap */
    .sm-menu{
        justify-content: space-between;
        margin-top: 10px;
    }

    .sm-menu li{
        width: 45%;
        font-size: 14px;
    }
}

@media (min-width: 751px) {
    a[href^="tel:"] {
        pointer-events: none;
        cursor: default;
    }
}