@charset "UTF-8";
@media screen and (max-width: 960px) {

    .pc {
        display: none;
    }
    div#page {
        width: 98%;
    }
    .entryWrap {
        padding: 1rem;
        margin-top: 330px;
        background-color: #fff;
    }
    .Icon img.shopIcon {

        width: 200px;
        height: auto;
 
    }

    .IconWrap {

        max-width: 98%; /* コンテンツ幅 */

    }
    .topflex {
        max-width: 100%;  

        align-items: center;
        position: absolute;
        z-index: 9999;
          width: 98%;
            gap: 5px;
            top: 93px;
    }
    .TopBtn_wrap {
        max-width: 100%;  
        display: flex;
        justify-content: flex-start; /* 左寄せに */
        flex-wrap: wrap;             /* 折り返しもOKに */
        gap: 8px;                    /* ボタン間のスペース */
        padding: 0 1rem;             /* スマホ時の左右マージン */
    }

    .offer_btn {
        margin: 0;                   /* 中央寄せ解除 */
        display: inline-block;       /* インラインブロックで自然なサイズに */
        padding: 0.5rem 1rem;
        font-size: 1.2rem;
        max-width: 100%;  
        width: auto;   
        margin: auto!important;        /* 幅制限（必要なら） */
    }
    

    .entryWrap {
        padding: 0rem;
        margin-top: 240px;
    }
    

    ::-webkit-full-page-media, :future, :root .offer_btn{
        margin: auto!important;
    }
    
    
    
    
    
     /*ショップリスト*/
    ul.shopList li {
        width: 100%;
    }
    
}
@media screen and (max-width: 767px) {
    /*タブレット以下サイズ表示ここから*/

   



    .main-navigation ul {
        font-weight: bold;
    }

    /*ハンバーガーメニュー*/
    .menu-trigger,
    .menu-trigger span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
        z-index: 9999;
    }

    .menu-trigger {
        position: fixed;
        top: 10px;
        right: 10px;
        width: 50px;
        height: 44px;
        background: none;
        border: none;
        appearance: none;
        cursor: pointer;
    }

    .menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #4c9cbc;
        border-radius: 4px;
    }

    .menu-trigger span:nth-of-type(1) {
        top: 0;
    }

    .menu-trigger span:nth-of-type(2) {
        top: 20px;
    }

    .menu-trigger span:nth-of-type(3) {
        bottom: 0;
    }

    .toggled .menu-trigger span:nth-of-type(1) {
        transform: translateY(20px) rotate(-45deg);
    }

    .toggled .menu-trigger span:nth-of-type(2) {
        opacity: 0;
    }

    .toggled .menu-trigger span:nth-of-type(3) {
        transform: translateY(-20px) rotate(45deg);
    }



    /*メニューをだす*/
    .menu-topmenu-container {
        position: fixed;
        top: 65px;
        background-color: #e2f7ffe6;
        width: 94%;
        z-index: 9999;
    }

    .main-navigation li {
        position: relative;
        line-height: 1.5rem;
        font-size: 1rem;
        width: 100%;
        border-bottom: 1px solid;
        padding-left: 1rem;
    }


    article h2 {
        letter-spacing: 1px;
        font-size: 1.2rem;
    }

    .catch:before,
    .catch:after {
        border-top: 1px solid;
        content: "";
        width: 1em;
    }

    /*文字そろえ*/
    article.vaccineDescription {
        line-height: 2rem;
        text-align: justify;
    }

    /*コンテンツ枠*/

    div#page {
        top: 170px;
       
    }
    .page-content, .entry-content, .entry-summary {
        margin: 0.5em;
    }

    .entryWrap {
        padding: 0rem;
        margin-top: 250px;
    }

    .tel a {
        font-size: 2rem;
        text-decoration: none;
        color: #fff;
    }

    table {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    table tbody {
        width: 100%;
        display: table;
    }

    td {
        white-space: nowrap;
        padding: 0.3rem;
    }


    .timefont {
        font-size: 1em;
    }
ul.sub-menu {
    width: 90%;
}




    /*タブレット以下サイズ表示ここまで*/

}