@charset "utf-8";
    /* CSS Document */

    .swiper {
        width: 100%;
        height: 100%;
    }

    .mySwiper {
        position: relative;
        padding:1em 0 3em 0;
        overflow: hidden; background:#f5f5f5; 
        border-bottom:1px solid #c2c2c2;
        margin-bottom:2em; 
    }

    .mySwiper .swiper-button-next {
        position: absolute; z-index: 100; bottom:38%; color:#fff; text-shadow: 1px 3px 4px rgba(0, 0, 0, 0.4);
    }

    .mySwiper .swiper-button-prev {
        position: absolute; z-index: 100; bottom:38%; color:#fff; text-shadow: 1px 3px 4px rgba(0, 0, 0, 0.4);
    }

    .mySwiper .swiper-pagination-fraction {
        font-size:1.4em; position:absolute; bottom:4%;
    }

    .swiper-slide {
        width: 100%;
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .swiper-slide a {
        width: 100%;
    }

    .swiper-slide a img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .autoplay-progress {
        position: absolute;
        right: 16px; bottom: 3px;
        z-index: 10;
        width: 3.5em;
        height: 3.5em;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        color:#000000;
    }

    .autoplay-progress svg {
        --progress: 0;
        position: absolute;
        left: 0;
        top: 0px;
        z-index: 10;
        width: 100%;
        height: 100%;
        stroke-width: 4px;
        stroke:#999999;
        /*stroke: var(--swiper-theme-color);*/
        fill: none;
        stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
        stroke-dasharray: 125.6;
        transform: rotate(-90deg);
    }

    .counsel {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #ffffff;
        border-radius: 1em;
        border: 1px solid #cccccc;
        margin: 0 5% 2em;
        padding:2% 0;
    }


    .busiday {
        display:flex; align-items:center; font-family:'GmarketSansMedium';
        font-size: 1.5em;  color: #333333;
    }

    .busiday p{width:3em; height:3em;}
    .busiday p img{width:100%;}
    .busiday dl{display:flex; font-size:1em; transform:translateY(2px);}
    .busiday dl dt{margin:0 0.25em; font-weight:normal;}

    .tel {display: inline-flex; align-items:center;}
    .tel p {width:2em;}
    .tel p img {width:100%;}

    .tel span {margin:0 0.5em; transform:translateY(2px);}
    .tel span a {
        font-family: 'GmarketSansBold';
        font-size:2em;
        color: #e60013;
    }

    .mylink {
        border: 1px solid #cccccc;
        display: flex;
        justify-content: space-between;
        margin: 5%;
        padding: 5% 0 5% 3%;
    }

    .mylink .mblink {
        width: 32%;
    }

    .mylink .mblink dl dt {
        display: flex;
        align-items: center;
        font-family: 'GmarketSansBold';
        font-size: 1.15em;
        color: #666666;
        height: 2em;
    }

    .mylink .mblink dl dd {
        font-family: 'GmarketSansMedium';
        letter-spacing: -0.05em;
        font-size: 0.85em;
        color: #666666;
        display: inline-flex;
        margin: 0.2em 0 0.5em;
        line-height: 1.5em;
        transform: scaleX(95%) translateX(-3%);
    }

    .mylink .mblink dl dt span {
        padding: 3% 0 0 5%;
    }

    .mylink .mblink dl .micon1 img {
        width: 18%;
    }

    .mylink .mblink dl .micon2 img {
        width: 14%;
    }

    .mylink .mblink dl .micon3 img {
        width: 20%;
    }

    .mylink .mblink .shortcut {
        font-family: 'GmarketSansMedium';
        color: #993333;
        border: 1px solid #cccccc;
        border-radius: 0.5em;
        padding: 0.4em 0.3em 0.3em 0.5em;
    }