@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 #a50319;
    }
    
    #shokuiku .feature-container a {
        color: #406878;
    }
    
    #shokuiku .sec01 {
        padding: 30px 0;
        background: url(../images/202511/syokuiku/bg01_sp.jpg) 
        #b69f88 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;
        color:#444444;
    }
    
    #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;
        color:#a50319;
    }
    
    #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:#a50319;
        font-size:90px;
        display: inline;
        letter-spacing: 0;
    }
    #shokuiku h2 span.md{
        font-family: "M PLUS 1p", sans-serif;
        font-size:30px;
        color: #a50319;
        letter-spacing: 0.1em;
    }
    #shokuiku .sec01 h3{
        background:#ab4653;
        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:65%;
    }
    #shokuiku .sec02 .feature-container div p{
        width:90%;
    }
    #shokuiku .sec02 .feature-container img{
        width:35%;
    }
    
    #shokuiku .sec02 h3,
    #shokuiku .sec03 h3,
    #shokuiku .sec04 h3,
    #shokuiku .sec05 h3 {
        color: #a50319;
        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: 40%;
    }
    #shokuiku .sec03 .feature-container div:nth-child(2) {
        width: 60%;
        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 .txt-sm{
        font-size:13px;
    }
    #shokuiku .sec03 .txt-xs{
        font-size:12px;
    }
    #shokuiku .sec03 h5{
        font-size:14px;
        margin-top:20px;
        font-weight: bold;
    }
    #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:auto;
        height: 60px;
        margin-bottom:20px;
    }
    #shokuiku .sec04 li:nth-child(1){
        background:url(../images/202511/syokuiku/carrot.png) no-repeat 90% 100px #FFF;
        background-size: 25%;
    }
    #shokuiku .sec04 li:nth-child(2){
        background:url(../images/202511/syokuiku/fish.png) no-repeat 90% 100px #FFF;
        background-size: 50%;
    }
    #shokuiku .sec04 li:nth-child(3){
        background:url(../images/202511/syokuiku/red_pup.png) no-repeat 90% 120px #FFF;
        background-size: 32%;
    }
    #shokuiku .sec04 li:nth-child(4){
        background:url(../images/202511/syokuiku/daikon.png) no-repeat 90% 100px #FFF;
        background-size: 35%;
    }
    
    #shokuiku .sec07 {
        margin: 0 0 30px 0;
        background:url(../images/202511/syokuiku/recepi_title.png)no-repeat top center #d8b6b7;
        padding-top:30px;
    }
    #shokuiku .sec07 h3{
        font-family: "M PLUS 1p", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 40px;
        line-height: 1.2;
        color: #FFF;
        position:relative;
        text-align: center;
        margin-top:34px;
    }
    /*#shokuiku .sec07 h3 img{
        width:180px;
        height:auto;
        position:absolute;
        right:250px;
        top:-40px;
    }*/
    
    #shokuiku .sec07 ul {
        padding: 60px 0 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:#FFF;
        /*text-shadow: 1px 1px 1px #FFF;*/
        line-height: 1.3;
        position:absolute;
        top:16px;
        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: #c596a8;
        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:540px;
        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;
    }

    /*------------------------------------クリスマス　--*/
    #christmas .wrap{
        background:#d8a6a5;
    }

    #christmas section.sec01{
        background-image:url(../images/202511/christmas/bg_middle.png);
        background-position: center;
        background-repeat: repeat-y;
        text-align: center;
    }
    #christmas .sec01 h2{
        font-size:26px;
        font-weight: bold;
        margin-top:30px;
    }
    #christmas .sec01 p{
        font-size:20px;
        color:#FFF;
        margin-top:30px;
    }
    #christmas .sec01 img{
        width:550px;
    }

    #christmas .sec02{
        background-image:url(../images/202511/christmas/bg_middle.png);
        background-position: center;
        background-repeat: repeat-y;
        text-align: center;
        padding-top:80px;
    }
    #christmas .sec02 div.frame{
        width:70%;
        margin:0 auto;
        padding:20px 40px;
        border:1px solid #FFF;
        border-radius: 20px;
        position:relative;
    }
    #christmas .sec02 div .baloon{
        width:250px;
        position:absolute;
        top:-75px;
        right:-20px;
    }
    #christmas .sec02 p{
        font-size:18px;
    }
    #christmas .sec02 p span{
        font-size:22px;
        font-weight: bold;
    }
    #christmas .sec02 p.tc{
        font-weight: bold;
        font-size:40px;
        color:#FFF;
        line-height: 1;
    }
    #christmas .sec02 div.tc img{
        width:80%;
    }
    #christmas .sec02 div.tc img.logo{
        width:300px;
    }
    div.divided{
        display:flex;
    }
    .sec02 div.divided p{
        background:#FFF;
        border-radius:10px;
        color:#b76186;
        font-weight: bold;
        width:40%;
        text-align: left;
        padding:10px 20px;
    }
    .sec02 div.divided h3{
        font-size:21px;
        font-weight: bold;
        text-align: left;
        margin-left:20px;
    }
    #christmas .sec03{
        background-image:url(../images/202511/christmas/bg_middle.png);
        background-position: center;
        background-repeat: repeat-y;
        position:relative;
        padding:100px 120px 80px 120px;
    }
    #christmas .sec03 p{
        font-size:24px;
        font-weight: bold;
    }
    #christmas .sec03 p .white{
        color:#FFF;
        line-height:1.2;
    }
    #christmas .sec03 p .big{
        font-size:40px;
    }
    #christmas .sec03 img{
        position:absolute;
        right:100px;
        top:20px;
        width:300px;
    }
    #christmas .sec04{
        background-image:url(../images/202511/christmas/bg_down.png);
        background-position: center bottom;
        background-repeat: repeat-y;
        position:relative;
        padding:30px 100px;
    }
    #christmas .sec04 div.divided{
        display: flex;
    }
    #christmas .sec04 div.frame{
        border:1px solid #FFF;
        padding:10px;
        width:40%;
    }
    #christmas .sec04 div.must{
        margin-left:20px;
    }
    #christmas .sec04 p.sm{
        font-size:12px;
    }
    

    /*------------------------------------外部リンク --*/
    #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 {
            padding-left:0;
        }
        #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 {
            margin: 0 0 30px 0;
            background-image: none;
            padding:0;
        }
        #shokuiku .sec07  .feature-container{
            width:100%;
        }
        #shokuiku .sec07 h3 {
            margin-top:0;
            font-size: 30px;
        }
        #shokuiku .sec07 h4 {
            font-size: 22px;
        }
        #shokuiku .sec07 ul {
            padding: 0;
            width:90%;
            margin:0 auto;
        }
        #shokuiku .sec07 li {
            width: 100%;
            margin-top: 30px;
        }
        #shokuiku .sec08 .fr div {
            float: none;
            width: 100%;
        }

        /*------------------------------------クリスマス　--*/
        #christmas .wrap{
            background:#d8a6a5;
        }

        #christmas section.sec01{
            background-image:none;
            background-position: inherit;
            background-repeat: inherit;
            padding:10% 4%;
        }
        #christmas .sec01 h2{
            font-size:20px;
        }
        #christmas .sec01 p{
            font-size:16px;
            font-weight: bold;
        }
        #christmas .sec01 img{
            width:80%;
            margin-top:20px;
        }

        #christmas .sec02{
            background-image:none;
            background-position: inherit;
            background-repeat: inherit;
            padding:10% 4%;
        }
        #christmas .sec02 div.frame{
            width:100%;
            padding:20px;
            box-sizing: border-box;
        }
        #christmas .sec02 div .baloon{
            width:200px;
            position:absolute;
            top:-75px;
            right:-10px;
        }
        #christmas .sec02 p{
            font-size:16px;
        }
        #christmas .sec02 p span{
            font-size:19px;
        }
        #christmas .sec02 div.tc img{
            width:100%;
        }
        #christmas .sec02 div.tc img.logo{
            width:200px;
        }
        div.divided{
            display:flex;
        }
        .sec02 div.divided p{
            font-size:13px;
            width:40%;
            padding:5px 10px;
        }
        .sec02 div.divided h3{
            font-size:16px;
            margin-left:20px;
        }
        #christmas .sec03{
            background-image:none;
            background-position: inherit;
            background-repeat: inherit;
            padding:10% 4%;
        }
        #christmas .sec03 p{
            font-size:18px;
            text-align: center;
        }
        #christmas .sec03 p .white{
            color:#FFF;
        }
        #christmas .sec03 p .big{
            font-size:24px;
        }
        #christmas .sec03 img{
            position:inherit;
            right:inherit;
            top:inherit;
            width:80%;
            margin-top:20px;
        }
        #christmas .sec04{
            background-image:none;
            background-position: inherit;
            background-repeat: inherit;
            padding:10% 4%;
        }
        #christmas .sec04 div.divided{
            display: inherit;
        }
        #christmas .sec04 div.frame{
            width:100%;
            box-sizing: border-box;
        }
        #christmas .sec04 div.must{
            margin-left:0;
            margin-top:20px;
        }
        #christmas .sec04 p.sm{
            font-size:12px;
        }
    

        

        
    }