@charset "utf-8";
    /*------------------------------------共通 --*/
    @import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=M+PLUS+1p:wght@100;300;400;500&display=swap');

    .feature-container {
        width: 860px;
        margin: 0 auto;
    }
    
    .feature-desc {
        position: relative;
    }
    
    .mt30 {
        margin-top: 30px;
    }
    
    
    .shop-info-bk01 {
        background: url(../images/201609/floor01_bk.png) no-repeat left center;
        padding-left: 40px;
    }
    
    .shop-info-bk02 {
        background: url(../images/201609/floor02_bk.png) no-repeat left center;
        padding-left: 46px;
    }
    
    .shop-info-bk02sub {
        background: url(../images/201609/floor02_sub_bk.png) no-repeat left top;
        padding-left: 46px;
        padding-top: 10px;
    }
    
    .shop-info-bk01sub {
        background: url(../images/201609/floor01_sub_bk.png) no-repeat left top;
        padding-left: 46px;
        padding-top: 10px;
    }
    
    .shop-info-bk03 {
        background: url(../images/201603/floor03_bk.png) no-repeat left top;
        padding-left: 46px;
    }
    
    .shop-info-bk03sub {
        background: url(../images/201609/floor03_sub_bk.png) no-repeat left top;
        padding-left: 46px;
        padding-top: 10px;
    }
    
    .shop-info-rd01 {
        background: url(../images/201511/floor01_rd.png) no-repeat left top;
        padding-left: 55px;
    }
    
    .shop-info-rd02 {
        background: url(../images/201511/floor02_rd.png) no-repeat left top;
        padding-left: 55px;
    }
    
    .shop-info-rd02 a {
        color: #c30d23;
    }
    
    .border-br {
        padding: 10px;
        border: 1px solid #93332e;
    }
    /*-------------------------------------shokuiku --*/
    
    .present_url{
        font-size:24px;
    }
    #shokuiku .main-container{
        padding:35px 0;
    }
    #shokuiku .content {
        font-feature-settings: "palt";
    }
    
    #shokuiku .bg-tranceparent {
        background: #FFF;
    }
    
    #shokuiku hr {
        border: none;
        border-top: 1px solid #336a34;
    }
    
    #shokuiku hr.bold {
        border: none;
        border-top: 3px solid #336a34;
    }
    
    #shokuiku .feature-container a {
        color: #406878;
    }
    
    #shokuiku .sec01 {
        padding: 30px 0;
        background: url(../images/202507/syokuiku/bg01_sp.jpg) 
        #9cb54e no-repeat right top;
        background-size: 500px auto;
        margin-top:20px;
        color:#FFF;
    }
    
    #shokuiku .sec01 p {
        margin-top: 20px;
        line-height: 1.8;
        width: 380px;
        text-align: justify;
        font-size:16px;
        font-weight: bold;
    }
    
    #shokuiku .sec01 p.txt-lg {
        font-size: 21px;
        letter-spacing: 0.1em;
    }
    
    #shokuiku h2 {
        font-family: "M PLUS 1p", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 68px;
        line-height: 1;
        margin-left:-30px;
    }
    
    #shokuiku h2 span {
        font-family: 'Hiragino Kaku Gothic ProN', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Helvetica, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        display: block;
        font-size: 18px;
        margin-bottom: 10px;
        color: #333;
        line-height:1.4;
        letter-spacing: 0.1em;
        margin-left:30px;
    }
    #shokuiku h2 span.gmd{
        font-family: 'EB Garamond', serif;
        color:#406878;
        font-size:90px;
        display: inline;
        letter-spacing: 0;
    }
    #shokuiku h2 span.md{
        font-size:30px;
        color: #136686;
        letter-spacing: 0.1em;
    }
    #shokuiku .sec01 h3{
        background:#4c7421;
        color:#FFF;
        width:380px;
        margin-top:30px;
        padding:10px 15px;
        box-sizing: border-box;
        font-size:20px;
        letter-spacing: 0.2em;
    }
    
    #shokuiku .sec02,
    #shokuiku .sec03,
    #shokuiku .sec04 {
        padding: 30px 0;
        background:url(../images/202507/syokuiku/bg_headline.jpg) repeat-x;
    }
    
    #shokuiku .sec02 .feature-container,
    #shokuiku .sec03 .feature-container{
        display: flex;
    }
    #shokuiku .sec02 .feature-container div{
        width:60%;
    }
    #shokuiku .sec02 .feature-container div p{
        width:90%;
    }
    #shokuiku .sec02 .feature-container img{
        width:40%;
    }
    
    #shokuiku .sec02 h3,
    #shokuiku .sec03 h3,
    #shokuiku .sec04 h3,
    #shokuiku .sec05 h3 {
        color: #136686;
        line-height: 1;
        font-size: 35px;
        margin-bottom: 20px;
    }
    /*#shokuiku .sec02 h3{
        text-align: right;
    }*/
    #shokuiku .sec02 h4,
    #shokuiku .sec03 h4,
    #shokuiku .sec04 h4,
    #shokuiku .sec05 h4 {
        color: #976a38;
        font-size: 28px;
        line-height: 1;
        margin-bottom: 20px;
    }
    #shokuiku .sec04 li h4,
    #shokuiku .sec05 li h4{
        font-size:18px;
        font-weight: bold;
        color:#333;
        margin-bottom:10px;
    }
    
    #shokuiku .sec02 p,
    #shokuiku .sec03 p,
    #shokuiku .sec04 p,
    #shokuiku .sec05 p {
        font-size: 16px;
        line-height: 1.8;
    }
    /*#shokuiku .sec03 {
        margin: 30px 0;
    }*/
    #shokuiku .sec03 .feature-container div:first-child {
        width: 30%;
    }
    #shokuiku .sec03 .feature-container div:nth-child(2) {
        width: 70%;
        padding-left:40px;
    }
    #shokuiku .sec03 .feature-container div:first-child img:first-child{
        margin-top:-70px;
    }
    #shokuiku .sec03 .feature-container div:first-child img:last-child{
        margin-top:20px;
    }

    #shokuiku .sec04{
        background:#dddccf;
        text-align: center;
    }
    #shokuiku .sec04 h5{
        font-size:21px;
        margin-top:40px;
    }
    #shokuiku .sec04 h5 span{
        font-size:40px;
    }
    #shokuiku .sec04 ul{
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top:30px;
    }
    #shokuiku .sec04 li{
        width:24%;
        background:#FFF;
        margin-bottom:15px;
        text-align: left;
        font-family: "M PLUS 1p", sans-serif;
        padding:20px;
        box-sizing: border-box;
    }
    #shokuiku .sec04 li img{
        width:60px;
        height: auto;
        margin-bottom:20px;
    }
    #shokuiku .sec04 li:nth-child(2){
        background:url(../images/202507/syokuiku/tomato.png) no-repeat 90% 100px #FFF;
        background-size: 35%;
    }
    #shokuiku .sec04 li:nth-child(3){
        background:url(../images/202507/syokuiku/onion.png) no-repeat 90% 100px #FFF;
        background-size: 30%;
    }
    #shokuiku .sec04 li:nth-child(4){
        background:url(../images/202507/syokuiku/carrot.png) no-repeat 90% 100px #FFF;
        background-size: 20%;
    }
    #shokuiku .sec04 li:nth-child(5){
        background:url(../images/202507/syokuiku/spinach.png) no-repeat 90% 100px #FFF;
        background-size: 30%;
    }
    #shokuiku .sec04 li:nth-child(6){
        background:url(../images/202507/syokuiku/shiso.png) no-repeat 90% 100px #FFF;
        background-size: 30%;
    }
    #shokuiku .sec04 li:nth-child(7){
        background:url(../images/202507/syokuiku/potato.png) no-repeat 90% 100px #FFF;
        background-size: 35%;
    }
    #shokuiku .sec04 li:nth-child(8){
        background:url(../images/202507/syokuiku/daikon.png) no-repeat 90% 80px #FFF;
        background-size: 35%;
    }
    
    #shokuiku .sec07 {
        margin: 0 0 30px 0;
        background:#bfdfed;
        padding-top:30px;
    }
    #shokuiku .sec07 h3{
        font-family: "M PLUS 1p", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 54px;
        line-height: 1.2;
        color: #136686;
        position:relative;
        margin-left:50px;
    }
    #shokuiku .sec07 h3 img{
        width:180px;
        height:auto;
        position:absolute;
        right:250px;
        top:-40px;
    }
    
    #shokuiku .sec07 ul {
        padding: 30px 0;
        display: flex;
        flex-wrap:wrap;
        justify-content: space-between;
    }
    
    #shokuiku .sec07 li {
        width: 47%;
        font-size: 13px;
        margin: 20px 0 20px 0;
        position: relative;
    }
    #shokuiku .sec07 h4{
        font-size:26px;
        color:#222222;
        text-shadow: 1px 1px 1px #FFF;
        line-height: 1.3;
        position:absolute;
        top:50px;
        left:20px;
    }
    #shokuiku .sec07 p img{
        position:absolute;
        top:10px;
        left:20px;
        height:35px;
    }
    #shokuiku .sec07 p.howto{
        font-size:16px;
        margin:10px 0;
    }
    #shokuiku .sec07 p.ingredients{
        font-size:14px;
        color: #4c4948;
        padding-top:10px;
        border-top:1px solid #4c4948;
    }
    
    
    #shokuiku .sec06 {
        color:#222222;
    }
    #shokuiku .sec06 .feature-container{
        background: #afc67c;
        padding:10px 24px;
        position:relative;
    }
    #shokuiku .sec06 hr{
        border-color:#FFF;
    }
    #shokuiku .sec06 img.mb10{
        width:58%;
        height:auto;
    }
    #shokuiku .sec06 img.present-item{
        position:absolute;
        right:15px;
        top:10px;
        width:350px;
        height:auto;
    }
    #shokuiku .sec06 h3 {
        font-size: 16px;
        line-height: 1.3;
        padding: 5px 0 10px 0;
        color:#222222;
        font-weight: bold;
    }
    #shokuiku .sec06 h3 .big {
        font-size: 30px;
    }
    #shokuiku .sec06 h3 .mid {
        font-size: 22px;
    }
    #shokuiku .sec06 .must {
        border: 1px solid rgba(255,255,255,.7);
        padding: 10px 15px;
        font-size:14px;
    }
    #shokuiku .sec06 .sm{
        font-size:12px;
    }
    #shokuiku .sec06>div>div{
        display: flex;
        justify-content: space-between;
    }
    #shokuiku .sec06 div div div{
        width:48%;
    }

    #shokuiku .sec08{
        margin-top:30px;
    }
    #shokuiku .sec08 .fr div {
        float: left;
        width: 400px;
    }
    
    #shokuiku .sec08 .fl p,
    #shokuiku .sec08 .fr p {
        font-size: 12px;
        margin: 10px 10px 0 0;
        text-align: justify;
    }
    
    #shokuiku .sec08 .fl img,
    #shokuiku .sec08 .fr img {
        float: right;
    }

    /*------------------------------------展示会 --*/
    #exhibition .title{
        background:url(../images/202507/exhibition/main.jpg) no-repeat 100%;
        padding:40px 0;
    }
    #exhibition .title>div{
        width:420px;
        margin:50px auto 30px auto;
        text-align: center;
        color:#FFF;
    }
    #exhibition .title h2{
        font-size:18px;
        letter-spacing:4px;
    }
    #exhibition .title p{
        text-align: justify;
    }
    #exhibition h1 img{
        width:300px;
    }
    #exhibition h3{
        font-size:20px;
        letter-spacing:5px;
    }
    #exhibition .title div img{
        width:250px;
    }

    #exhibition .artist{
        background:#CCC;
        line-height:1.2;
        padding:30px 0;
    }
    #exhibition .artist>div{
        width:800px;
        margin:30px auto;
    }

    #exhibition .artist h3,
    #exhibition .vegetable h3{
        color:#666;
        font-size:22px;
        font-weight: bold;
        text-align: center;
        letter-spacing:5px;
    }
    #exhibition .artist h4{
        font-size:16px;
    }
    #exhibition .artist p{
        font-size:13px;
    }
    #exhibition .artist ul{
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top:30px;
    }
    #exhibition .artist li{
        display:flex;
        width:350px;
        margin:20px 0;
        align-items: center;
    }
    #exhibition .artist li>img{
        width:100px;
    }
    #exhibition .artist li div{
        width:160px;
        box-sizing: border-box;
        padding:10px 15px;
    }
    #exhibition .artist li a img{
        width:44px;
        height:auto;
        margin-right:10px;
    }
    #exhibition .vegetable{
        background:#FFF;
        padding:40px 0 30px 0;
    }
    #exhibition .vegetable p{
        color:#666;
        font-weight: bold;
        font-size:18px;
        letter-spacing:4px;
        margin-top:20px;
    }
    #exhibition .vegetable ul{
        width:850px;
        display:flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin:30px auto;
    }
    #exhibition .vegetable li{
        width:400px;
        margin-top:30px;
    }
    #vegetable .banner-area{
        display:flex;
        align-items: center;
        justify-content: space-between;
        margin-top:30px;
    }
    #vegetable .banner-area p{
        width:400px;
        text-align: right;
        font-size:17px;
    }
    #vegetable .banner-area img{
        width:550px;
        border:1px solid#000;
    }
    

    /*------------------------------------外部リンク --*/
    #christmas .profile a[target="_blank"] {
        &:after {
          font-family: "Font Awesome 5 Free";
          content: " \f35d";
          font-weight: 600;
          margin: 0 0.25rem;
          color:#107ab0;
        }
      }
    

    @media screen and (max-width: 640px) {
        /*------------------------------------共通 --*/
        .feature-container {
            width: 92%;
            margin:0 auto;
        }
        .feature-desc p {
            width: 100%;
        }
        /*-------------------------------------shokuiku --*/
        .present_url{
            font-size:18px;
        }
        #shokuiku .sec01 {
            padding: 5% 0;
            background-image: none;
        }
        #shokuiku .sec01 img {
            margin: 20px auto;
            height: auto;
        }
        #shokuiku .sec01 p.txt-lg {
            font-size: 14px;
        }
        #shokuiku .sec01 p {
            width: 100%;
        }
        #shokuiku h2 {
            font-size: 46px;
            line-height:0.8;
        }
        #shokuiku h2 span.gmd {
            font-size: 60px;
          }
        #shokuiku .sec01 h3{
            width:100%;
            padding: 5px 15px;
            font-size:18px;
        }
        #shokuiku h2 span,
        #shokuiku .sec03 h3 span {
            font-size: 18px;
        }
        #shokuiku .sec02,
        #shokuiku .sec03{
            padding: 30px 0;
            background:url(../images/202507/syokuiku/bg_headline.jpg) repeat-x;
        }
        
        #shokuiku .sec02 .feature-container,
        #shokuiku .sec03 .feature-container{
            display:inherit;
        }
        #shokuiku .sec02 .feature-container div{
            width:100%;
        }
        #shokuiku .sec02 .feature-container div p{
            width:100%;
        }
        #shokuiku .sec02 .feature-container img{
            width:100%;
        }
        #shokuiku .sec02 h3,
        #shokuiku .sec03 h3,
        #shokuiku .sec04 h3,
        #shokuiku .sec05 h3{
            font-size: 26px;
            margin: 20px 0;
        }
        #shokuiku .sec02 h3 span, #shokuiku .sec03 h3 span {
            font-size: 20px;
        }
        #shokuiku .sec02 h4,
        #shokuiku .sec03 h4,
        #shokuiku .sec04 h4,
        #shokuiku .sec05 h4 {
            font-size: 18px;
        }
        #shokuiku .sec02 p,
        #shokuiku .sec03 p,
        #shokuiku .sec04 p,
        #shokuiku .sec05 p{
            font-size:14px;
        }
        #shokuiku .sec02 .fr img {
            width: 60%;
            height: auto;
            margin-top: 30px;
          }
        #shokuiku .sec03 .feature-container div:first-child {
            width: 100%;
        }
        #shokuiku .sec03 .feature-container div:last-child {
            width: 70%;
            padding-left:40px;
        }
        #shokuiku .sec03 .feature-container div:first-child img:first-child{
            margin-top:-70px;
        }
        #shokuiku .sec03 .feature-container div:first-child img:last-child{
            margin-top:20px;
        }
        #shokuiku .sec03 .feature-container div:nth-child(2) {
        width: 100%;
        padding-left: 0;
        }
        #shokuiku .sec04 h5{
            font-size:18px;
            margin-top:50px;
        }
        #shokuiku .sec04 h5 span{
            font-size:30px;
        }
        #shokuiku .sec04 li{
        width:48%;
        background:#FFF;
        margin-bottom:15px;
        text-align: left;
        font-family: "M PLUS 1p", sans-serif;
        padding:10px;
        box-sizing: border-box;
        }
        #shokuiku .sec06 .feature-container {
            padding: 10px 20px;
            position: relative;
            box-sizing: border-box;
        }
        #shokuiku .sec06 img.mb10 {
            width: 100%;
            height: auto;
          }
        #shokuiku .sec06 img.present-item{
            position:inherit;
            right:0;
            top:inherit;
            width:100%;
            height:auto;
        }
        #shokuiku .sec06>div{
            display: inherit;
            justify-content: inherit;
        }
        #shokuiku .sec06 div div{
            width:100%;
        }
        #shokuiku .sec06 h3 {
            font-size: 16px;
        }
        #shokuiku .sec06 h3 .big {
            font-size: 20px;
        }
        #shokuiku .sec06 h3 .mid {
            font-size: 18px;
        }
        #shokuiku .sec06 .must {
            padding: 8px 14px;
            margin:10px 0;
        }
        #shokuiku .sec06 > div > div {
        display: inherit;
        justify-content: inherit;
        }
        #shokuiku .sec06 div div div {
            width: 100%;
        }
        
        #shokuiku .sec07 {
            margin: 30px 0;
        }
        #shokuiku .sec07 h3 {
            font-size: 30px;
        }
        #shokuiku .sec07 h4 {
            font-size: 22px;
        }
        #shokuiku .sec07 h3 img {
            width: 120px;
            height: auto;
            position: absolute;
            right: 20px;
            top: -25px;
          }
        #shokuiku .sec07 ul {
            padding: 0;
        }
        #shokuiku .sec07 li {
            width: 100%;
            margin-top: 30px;
        }
        #shokuiku .sec08 .fr div {
            float: none;
            width: 100%;
        }

        /*------------------------------------展示会 --*/
        #exhibition .title{
            background:url(../images/202507/exhibition/main_sp.jpg) repeat-y;
            background-size:100%;
            padding:40px 0;
        }
        #exhibition .title>div{
            width:70%;
            margin:50px auto 30px auto;
            text-align: center;
            color:#FFF;
        }
        #exhibition .title h2{
            font-size:17px;
            letter-spacing:4px;
        }
        #exhibition .title p{
            text-align: justify;
        }
        #exhibition h1 img{
            width:90%;
        }
        #exhibition h3{
            font-size:17px;
            letter-spacing:5px;
        }
        #exhibition .title div img{
            width:70%;
        }
        #exhibition .artist>div{
            width:90%;
            margin:30px auto;
        }

        #exhibition .artist h3,
        #exhibition .vegetable h3{
            font-size:19px;
        }
        #exhibition .artist h4{
            font-size:16px;
        }
        #exhibition .artist p{
            font-size:12px;
        }
        #exhibition .artist ul{
            display:inherit;
            flex-wrap: inherit;
            justify-content: inherit;
            margin-top:30px;
        }
        #exhibition .artist li{
            display:flex;
            width:100%;
            margin:30px 0;
            align-items: center;
        }
        #exhibition .artist li>img{
            width:90px;
        }
        #exhibition .artist li div{
            width:170px;
            box-sizing: border-box;
            padding:10px 15px;
        }
        #exhibition .artist li a img{
            width:40px;
            height:auto;
            margin-right:10px;
        }
        #exhibition .vegetable p{
            font-size:16px;
        }
        #exhibition .vegetable ul{
            width:90%;
            display:inherit;
            justify-content: inherit;
            flex-wrap: inherit;
            margin:30px auto;
        }
        #exhibition .vegetable li{
            width:100%;
            margin-top:20px;
        }

        #vegetable .banner-area{
            display:inherit;
            align-items: inherit;
            justify-content: inherit;
            margin-top:30px;
        }
        #vegetable .banner-area p{
            width:100%;
            text-align: right;
            font-size:17px;
        }
        #vegetable .banner-area img{
            width:100%;
            margin-top:20px;
        }
    

        

        
    }