<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
body#top {
    background-size: auto calc(35vh + 51vw + 100px);
}

.col50 {
    width: 100%;
    margin-left: 0;
}


/* ヘッダー */

#header {
    max-width: 100%;
    padding: 10px 0;
}

#header .logo {
    display: block;
    text-align: center;
}

#header .logo .img {
    max-height: 34px;
    width: 150px;
    max-height: 100%;
}

.logo a:nth-child(2) {
    top: -15px;
}

#header .contact {
    width: auto;
}

#header .contact .tel {
    font-size: 26px;
}

#header .contact .footer br {
    display: block;
}

#header .more {
    top: 2px;
}


/* 見出し */

#main {
    margin-bottom: 0;
}

.head {
    padding: 10px 13px;
    min-height: 55px;
}

.head h2 {
    font-size: 17px;
}

.more {
    margin-top: 10px;
}

.head .more {
    display: none;
}

.single-market .head .more {
    display: inline-block;
}


/* スライド画像 */

.flexslider .slides {
    height: 20vh;
}

.slides li {
    position: relative;
    overflow: hidden;
    height: 35vh;
}

.flexslider .slides img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 200%;
    min-height: 100%;
    width: auto;
}

.flexslider .slides li img {
    max-width: 100%;
}


/* バナー */

.bannar {
    width: 100%;
    max-width: 100%;
}

.bannar li {
    margin: 0;
}


/* 施設のご案内 */

#about .flex-around .alignleft {
    max-width: 100%;
}

#about h3 {
    font-size: 24px;
}


/* お知らせ */

.news_list a {
    margin: 16px 6px;
}

.news_list .imgwrap,
.news_list .imgnone {
    float: none;
    margin: auto auto 12px;
    width: 100%;
}

.news_list h3 {
    font-size: 17px;
    clear: both;
}

.news_list p {
    font-size: 15px;
}

.news_list .more {
    margin-top: 0;
}

.news_content .eye-img {
    width: 100%;
    margin-right: 0;
}

.news_list .news_content {
    padding: 16px 17px 18px;
}

.single-market .news_list .news_content {
    padding: 10px 16px;
}


/* お知らせ一覧のみ */

.info .news_list .imgwrap,
.info .news_list .imgnone {
    float: left;
    width: 168px;
    height: 100px;
    margin-right: 10px;
}

.info .news_list h3 {
    clear: both;
}

.info .news_list p:nth-last-of-type(2) {
    display: none;
}


/* アイキャッチ画像 */

.news_content {
    margin: 16px 0px;
}


/* 施設ガイド */

.side_bar {
    min-width: inherit;
    margin-top: 40px;
}

.market_child .side_bar {
    margin-top: 4px;
}

.side_bar&gt;div {
    width: 100%;
}

.market_child .side_bar&gt;div {
    padding: 0;
}

.market_child .side_bar .about {
    padding: 12px 20px 19px;
}

.qr_code {
    display: none;
}

#about .flex-around&gt;div:last-child {
    margin-left: 0;
}


/* 大型直売所のみ 写真2～3枚 */

.pic img {
    width: 200px;
    margin: 4px auto 10px;
    display: block;
    /* width: calc(33% - 9px);
    height: 100%;
    margin: 0 2px;
    border-width: 3px; */
}

.pic div p br {
    display: none;
}


/* イベントカレンダー */

#guide .more {
    font-size: 18px!important;
    width: 207px;
    margin-top: 22px;
}


/* マップ */

#top #map_canvas {
    height: 350px;
}

#access {
    height: 440px;
}

#access&gt;div:last-child {
    padding: 0 24px;
}


/* 個別記事 */

.news_content .flex-around {
    flex-wrap: wrap;
}

.news_content .child {
    padding: 4px 0;
    width: 100%;
}


/* フッター */

#footer .flex-around {
    padding: 10px 80px 10px 15px;
    text-align: left;
    font-size: 14px;
}

#gotop a {
    bottom: 12px;
    right: 14px;
    width: 60px;
    height: 60px;
    opacity: .7;
}


/* ブラウザハック　https://qiita.com/katsunory/items/0cbb26bf23d961161642 */

div {
    max-width: 100%\9;
    overflow: hidden\9;
}

li {
    max-width: 100%\9;
    overflow: hidden\9;
}

@media all and (-ms-high-contrast: none) {
    div {
        max-width: 100%;
        overflow: hidden;
    }
    li {
        max-width: 100%;
        overflow: hidden;
    }
}

.side_bar .branch_guide li {
    width: 28%;
    margin: 0 2%;
}</pre></body></html>