@charset "utf-8";
    /*-------------------------------------- seasonal menu */
    
    .menu_seasonal01,
    .menu_seasonal06 {
        width: 940px;
        margin: 40px auto;
    }
    
    .menu_seasonal02 {
        width: 940px;
        margin: 60px auto;
    }
    
    .menu_seasonal03,
    .menu_seasonal04,
    .menu_seasonal05 {
        width: 940px;
        margin: 60px auto;
        position: relative;
    }
    
    .menu_seasonal01,
    .menu_seasonal06 {
        border-top: 1px solid #999;
    }
    
    .menu_seasonal01 h3,
    .menu_seasonal02 h3,
    .menu_seasonal03 h3,
    .menu_seasonal04 h3,
    .menu_seasonal05 h3,
    .menu_seasonal06 h3,
    .menu_seasonal07 h3 {
        font-size: 18px;
    }
    
    .menu_seasonal01 p,
    .menu_seasonal02 p,
    .menu_seasonal02 p,
    .menu_seasonal03 p,
    .menu_seasonal04 p,
    .menu_seasonal05 p,
    .menu_seasonal06 p,
    .menu_seasonal07 p {
        font-size: 13px;
        margin: 10px 0 0 0;
        text-align: justify;
    }
    
    .menu_seasonal01 .fl,
    .menu_seasonal06 .fr {
        width: 410px;
        margin: 0 30px 0 0;
    }
    
    .menu_seasonal01 h3 {
        text-align: right;
    }
    
    .menu_seasonal06 h3,
    .menu_seasonal06 .fr>p,
    .menu_seasonal06 .recommended_tea {
        margin-left: 20px;
    }
    /*.menu_seasonal01 .recommended_tea p {
    padding-left: 200px;
    background: url(../images/menu_seasonal/201906/seasonal_img06.png) no-repeat 40px top;
}*/
    
    .menu_seasonal01 .fr img,
    .menu_seasonal06 .fl img {
        margin-top: -1px;
    }
    
    #menu_seasonal .banner {
        width: 260px;
        height: auto;
    }
    
    .menu_seasonal02 .fr {
        width: 440px;
        padding: 0 0 0 30px;
        margin-top: 80px;
        border-top: 1px solid #999;
    }
    
    .menu_seasonal02 .fr p {
        width: 340px;
    }
    
    .menu_seasonal03 p {
        width: 400px;
    }
    
    .menu_seasonal03 {
        height: 760px;
    }
    
    .menu_seasonal03 .fr {
        width: 420px;
        border-top: 1px solid #999;
        padding: 10px 30px 0 30px;
        margin: 460px 70px 0 0;
    }
    
    .menu_seasonal03 .fl {
        width: 510px;
    }
    
    .menu_seasonal03 .fl h3 {
        border-top: 1px solid #999;
        text-align: right;
        padding: 10px 60px 0 0;
    }
    
    .menu_seasonal03 .fl p {
        margin-right: 60px;
        margin-left: 60px;
    }
    
    .menu_seasonal03 .fruit_hot {
        position: absolute;
        top: 0;
        right: 0;
        width: 450px;
        height: auto;
    }
    
    .menu_seasonal03 .tapioka {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 450px;
        height: auto;
    }
    
    .menu_seasonal04 {
        height: 760px;
    }
    
    .menu_seasonal04 .fl {
        width: 420px;
        border-top: 1px solid #999;
        padding: 10px 30px 0 0;
        margin: 450px 0 0 70px;
    }
    
    .menu_seasonal04 .fr {
        width: 510px;
    }
    
    .menu_seasonal04 .fr h3 {
        border-top: 1px solid #999;
        padding: 10px 0 0 60px;
    }
    
    .menu_seasonal04 .fr p {
        margin-right: 60px;
        margin-left: 60px;
    }
    
    .menu_seasonal04 .fruit_hot {
        position: absolute;
        top: 0;
        left: 0;
        width: 450px;
        height: auto;
    }
    
    .menu_seasonal04 .tapioka {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 450px;
        height: auto;
    }
    
    .menu_seasonal05 .fl,
    .menu_seasonal05 .fr {
        width: 460px;
    }
    
    .menu_seasonal05 p {
        width: 400px;
    }
    
    .leaf {
        padding: 5px 0 0 50px;
        font-size: 15px;
        margin: 20px 0 10px 0;
        background: url(../images/menu_seasonal/icon_leaf.png) no-repeat left top;
    }
    
    .menu_seasonal01 .leaf {
        margin-top: 40px;
    }
    
    .menu_seasonal02 .leaf {
        margin-top: 30px;
        padding-top: 10px;
    }
    
    .recommended_tea {
        /*background: #CCC;*/
        padding: 10px 20px;
        background: #CCC;
    }
    
    .bakedsweets .recommended_tea {
        width: 340px;
        padding: 10px 15px;
    }
    
    .recommended_tea p {
        font-size: 13px;
        text-align: jusify;
    }
    
    .bakedsweets .recommended_tea p {
        font-size: 12px;
        text-align: jusify;
    }
    
    .recommended_tea h4 {
        padding: 5px 0 5px 46px;
        font-size: 16px;
        color: #666;
        background: url(../images/menu_seasonal/icon_pot.png) no-repeat left center;
    }
    
    .bakedsweets .recommended_tea h4 {
        font-size: 14px;
    }
    
    .recommended_tea h4 span {
        font-size: 12px;
        display: block;
    }
    /*-------------------------------------- food */
    
    #menu_food h2 {
        font-family: 'Prata', serif;
        font-size: 32px;
        font-weight: lighter;
        letter-spacing: .03em;
        line-height: 1.3;
        color: #666;
        margin: 0 0 30px 0;
        text-align: center;
        border-bottom: 1px solid #999;
        position: relative;
        z-index: 2;
    }
    
    #menu_food .container h3 {
        font-size: 18px;
    }
    
    #menu_food .container p {
        font-size: 13px;
        margin-top: 20px;
        text-align: justify;
    }
    
    .menu_food01,
    .menu_food02 {
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    
    .menu_food03,
    .menu_food04,
    .menu_food05 {
        width: 940px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    
    .menu_food01 h3,
    .menu_food02 h3,
    .menu_food03 h3,
    .menu_food04 h3,
    .menu_food05 h3 {
        border-bottom: 1px solid #333;
    }
    
    .menu_food01 h3 span {
        font-size: 16px;
        display: block;
    }
    
    .menu_food01 .fl>p {
        text-align: justify;
        padding-right: 20px;
    }
    
    .menu_food01 .fl {
        width: 414px;
        padding: 100px 0 0 0;
    }
    
    .menu_food01 .fr {
        width: 586px;
        height: 684px;
        position: relative;
    }
    
    .txt-pasta {
        position: absolute;
        top: -5px;
        left: -10px;
    }
    
    .menu_food02 {
        padding-top: 90px;
        position: relative;
    }
    
    .menu_food02 .fl {
        width: 576px;
    }
    
    .menu_food02 .fr {
        width: 424px;
    }
    
    .menu_food02 h3 {
        padding-left: 20px;
    }
    
    .txt-salad {
        position: absolute;
        top: -35px;
        left: 240px;
    }
    
    .menu_food02 .fr>p,
    #menu_food .menu_food02 .interview {
        margin-left: 20px;
        margin-right: 0;
    }
    
    .seasonal_profile {
        border: 1px solid #333;
        position: relative;
        padding: 10px 15px;
        width: 560px;
        margin: 30px 0 30px 70px;
    }
    
    .seasonal_profile img {
        position: absolute;
        top: -25px;
        left: 0;
    }
    
    .seasonal_profile h4 {
        font-size: 14px;
        border-bottom: 1px solid #333;
    }
    
    .seasonal_profile p {
        font-size: 12px;
        text-align: justify;
    }
    
    #menu_food .seasonal_profile {
        position: absolute;
        bottom: -10px;
        right: 0;
    }
    
    #menu_food .interview {
        background: rgba(255, 255, 255, 50%);
        border: 1px solid #94B945;
        padding: 10px 18px 15px 18px;
        position: relative;
        margin: 20px 20px 20px 0;
    }
    
    #menu_food .interview h4 {
        background: none;
        color: #94B945;
        font-size: 16px;
        padding-left: 100px;
    }
    
    #menu_food .interview02 {
        background: rgba(255, 255, 255, 50%);
        border: 1px solid #b7d100;
        padding: 5px 20px 15px 20px;
        position: relative;
        margin: 20px 20px 20px 0;
    }
    
    #menu_food .interview02 h4 {
        background: none;
        color: #869f21;
        font-size: 16px;
        padding-left: 100px;
    }
    
    #menu_food .interview p {
        text-align: justify;
        margin-top: 10px;
    }
    
    #menu_food .interview p span {
        display: block;
        text-align: right;
    }
    
    #menu_food .interview img {
        position: absolute;
        top: -16px;
        left: 20px;
    }
    
    .menu_food01 .profile,
    .vege_style01 .profile {
        border: 1px solid #333;
        padding: 12px 20px;
        margin-right: 20px;
    }
    
    #menu_food .profile p,
    .vege_style01 .profile p {
        font-size: 11.5px;
        margin-top: 5px;
    }
    
    .menu_food01 .profile h5,
    .vege_style01 .profile h5 {
        border-bottom: 1px solid #333;
    }
    
    .menu_food01 .profile p,
    .vege_style01 .profile p {
        text-align: justify;
    }
    
    .menu_food03 {
        /*height:575px;*/
        height: 336px;
    }
    
    .menu_food04 {
        height: 340px;
    }
    
    .txt_pasta01,
    .txt_pasta02,
    .txt_curry01,
    .txt_curry02 {
        width: 400px;
        position: absolute;
    }
    
    .txt_pasta01 {
        top: 10px;
        left: 88px;
    }
    
    .txt_curry01 {
        top: 80px;
        left: 88px;
    }
    
    .txt_curry01 {
        z-index: 12;
    }
    
    .txt_pasta01 p,
    .txt_curry01 p,
    .menu_food05 .fl p {
        margin-right: 30px;
    }
    
    .txt_pasta02 {
        left: 452px;
        bottom: 80px;
        /*20px;*/
    }
    
    .txt_pasta02 h3,
    .txt_curry02 h3,
    .txt_pasta02 p,
    .txt_curry02 p {
        padding-left: 20px;
    }
    
    .txt_curry02 {
        left: 452px;
        bottom: 100px;
    }
    
    .pasta_img01,
    .pasta_img02,
    .curry_img01,
    .curry_img02,
    .txt_pasta_s,
    .txt_drycurry,
    .txt_omlet {
        position: absolute;
    }
    
    .pasta_img01,
    .curry_img01 {
        top: 0;
        right: 0;
    }
    
    .pasta_img02,
    .curry_img02 {
        bottom: 0;
        left: 0;
    }
    
    .txt_pasta_s {
        top: -10px;
        left: 460px;
    }
    /*.txt_pasta_s{
    top:170px;
    left:220px;
}*/
    
    .txt_drycurry {
        top: 165px;
        left: 100px;
    }
    
    .txt_omlet {
        /*top:-120px;*/
        bottom: 0;
        left: 95px;
    }
    
    .menu_food05 {
        width: 970px;
        height: 1370px;
        margin: 0 auto;
        position: relative;
    }
    
    .menu_food05 img,
    .menu_food05 div {
        position: absolute;
    }
    
    .menu_food05 .new01,
    .menu_food05 .new02,
    .menu_food05 .new03,
    .menu_food05 .new04,
    .menu_food07 .new05,
    .menu_food08 .new06 {
        position: absolute;
    }
    
    .menu_food05 .new01 {
        top: -15px;
        left: 200px;
    }
    
    .menu_food05 .new02 {
        top: -40px;
        left: 300px;
    }
    
    .menu_food05 .new03 {
        top: -35px;
        left: 290px;
    }
    
    .menu_food05 .new04 {
        top: -15px;
        left: 250px;
    }
    
    .menu_food07 .new05 {
        top: -15px;
        left: 320px;
    }
    
    .menu_food08 .new06 {
        top: -15px;
        left: 290px;
    }
    
    .feature01_txt {
        top: -9px;
        left: 450px;
        z-index: 10;
    }
    
    .feature02_txt {
        top: 501px;
        left: 0;
        z-index: 10;
    }
    
    .feature03_txt {
        bottom: 300px;
        left: 235px;
        z-index: 10;
    }
    
    .feature04_txt {
        position: absolute;
        top: 20px;
        left: 520px;
        z-index: 10;
    }
    
    .feature05_txt {
        position: absolute;
        top: 0;
        left: 265px;
        z-index: 10;
    }
    
    .feature01 {
        top: 150px;
        left: 50px;
        width: 400px;
    }
    
    .feature02 {
        top: 640px;
        left: 520px;
        width: 400px;
    }
    
    .feature01 h3,
    .feature02 h3,
    .feature03 h3 {
        border-bottom: 1px solid #333;
    }
    
    .feature02 h3 {
        padding: 0 0 0 40px;
    }
    
    .feature02 p {
        padding-left: 40px;
        margin: 20px 0;
    }
    
    .feature03 {
        bottom: 50px;
        left: 50px;
        width: 400px;
    }
    
    .feature04 {
        bottom: 100px;
        left: 50px;
        width: 400px;
    }
    
    .feature01 p,
    .feature03 p {
        padding-right: 40px;
        margin: 20px 0;
    }
    
    .feature01_img {
        top: 60px;
        right: 0;
    }
    
    .feature02_img {
        top: 570px;
        left: 0;
    }
    
    .feature03_img {
        bottom: 0;
        right: 0;
    }
    
    .menu_food07 {
        margin: 40px auto 0 auto;
        width: 970px;
        position: relative;
    }
    
    .menu_food07 .fr {
        width: 450px;
        margin-top: 140px;
    }
    
    .menu_food07 h3 {
        padding-left: 40px;
        border-bottom: 1px solid #333;
        width: 400px;
        position: relative;
    }
    
    .menu_food07 p {
        padding-left: 40px;
        margin: 20px 0;
        width: 400px;
    }
    
    .menu_food08 {
        margin-top: 40px;
        position: relative;
    }
    
    .menu_food08 .fl {
        width: 400px;
        margin-top: 140px;
        margin-left: 80px;
    }
    
    .menu_food08 h3 {
        padding-right: 40px;
        border-bottom: 1px solid #333;
        width: 400px;
        position: relative;
    }
    
    .menu_food08 p {
        padding-right: 40px;
        margin: 20px 0;
        width: 400px;
    }
    
    #menu_food p.gray {
        text-align: right;
    }
    
    .syokuiku {
        background: #daca92;
    }
    
    .syokuiku_lead {
        padding: 0 0 35px 240px;
        background: url(../images/menu_food/201909/syokuiku.png) no-repeat 20px 0px;
        margin-bottom: 20px;
    }
    
    #menu_food .syokuiku .container-inner {
        width: 940px;
    }
    
    #menu_food .container .syokuiku_lead h3 {
        color: #FFF;
        font-weight: bold;
        font-size: 24px;
        /*padding: 30px 0;*/
    }
    
    #menu_food .container .syokuiku_lead p {
        color: #ae5e86;
        font-size: 20px;
        letter-spacing: 10px;
        font-weight: bold;
    }
    /*#menu_food .container .syokuiku_lead p {
    color: #FFF;
    font-size: 14px;
    margin-top: 15px;
}*/
    
    #menu_food .container.syokuiku p {
        margin: 5px 0 20px 0;
    }
    
    #menu_food .container.syokuiku .fl p {
        font-size: 13px;
        line-height: 1.9;
    }
    
    #menu_food .syokuiku .fl h4 {
        color: #009d96;
        font-size: 16px;
        font-weight: bold;
    }
    
    #menu_food .syokuiku h5 {
        color: #ae5e86;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    
    .syokuiku .fl,
    .syokuiku .fr {
        width: 450px;
    }
    
    .syokuiku_profile {
        border: 1px solid #FFF;
        position: relative;
        padding: 10px;
        margin: 80px 0 0 0;
    }
    
    .syokuiku_profile img {
        position: absolute;
        top: -25px;
        left: 0;
    }
    
    .syokuiku_profile h4 {
        font-size: 14px;
        border-bottom: 1px solid #333;
    }
    
    #menu_food .container.syokuiku .syokuiku_profile p {
        font-size: 12px;
        text-align: justify;
        margin-bottom: 0;
    }
    /*-------------------------------------- scone */
    
    #factory_scone .inner {
        /*background: #e5ddcb;*/
        padding: 20px 60px 60px 60px;
        /*background: url(../images/factory/scone/lace.png) no-repeat 60px 220px #e5ddcb;*/
        line-height: 1.8;
    }
    
    #factory_scone .inner>p.mt30 {
        width: 820px;
        text-align: justify;
        font-size: 18px;
        color: #b09c1d;
        font-weight:400;
        position: relative;
        z-index: 10;
    }
    
    #factory_scone .inner .fl {
        width: 600px;
    }
    
    #factory_scone .inner .fr {
        width: 340px;
    }
    
    #factory_scone .inner h3 {
        font-size: 22px;
        color: #b09c1d;
    }
    
    #factory_scone .inner .fl p {
        font-size: 16px;
        text-align: justify;
        margin-top: 10px;
    }
    
    #factory_scone .inner div.clearfix {
        position: relative;
        margin-top: 80px;
    }
    
    #factory_scone .inner div.clearfix>img {
        position: absolute;
        top: -110px;
        right: 0;
        z-index: 1;
    }
    
    #factory_scone .comment {
        border: 1px solid #b09c1d;
        border-radius: 6px;
        padding: 20px 180px 50px 40px;
        background: url(../images/factory/scone/illust.png) no-repeat right 30px top 20px;
        background-size:11%;
        margin: 40px 0 40px 0;
        font-size: 16px;
    }
    
    #factory_scone .comment h4 {
        font-size: 20px;
        color: #b09c1d;
        ;
    }
    /*-------------------------------------- judge */
    
    .judge01 {
        background: #FFF;
        padding: 30px 0;
    }
    
    .judge01 .fl,
    .judge01 .fr,
    .judge02 .fl,
    .judge02 .fr {
        width: 50%;
    }
    
    .judge01 .fr {
        padding: 80px 160px 0 50px;
    }
    
    .judge01 h3 {
        font-size: 28px;
        text-align: center;
    }
    
    .judge01 p {
        font-size: 18px;
        margin: 20px 0 0 0;
        text-align: center;
    }
    
    .judge02 {
        background: #dcdbce;
        padding: 20px;
    }
    
    .judge02>p {
        text-align: center;
        font-size: 18px;
        margin-bottom: 30px;
    }
    
    .judge02 h4 {
        text-align: center;
        color: #7b9f07;
        font-size: 26px;
    }
    
    .judge02 .desc p {
        font-size: 13px;
        padding: 0 10px;
        margin-bottom: 58px;
    }
    
    .judge02 .desc p.serif {
        font-size: 18px;
        margin: 20px 0;
    }
    
    .judge02 li {
        width: 500px;
        height: 240px;
        box-sizing: border-box;
        background: #FFF;
        position: relative;
        margin-bottom: 30px;
        border-radius: 8px;
    }
    
    .judge02 .fl li {
        border: 2px solid #7b9f07;
    }
    
    .judge02 img {
        position: absolute;
        top: 45px;
        right: 20px;
    }
    
    .judge02 h5 img {
        top: -28px;
        left: 14px;
    }
    
    .judge02 .fr h5 img {
        top: -14px;
        left: -10px;
    }
    
    .judge02 li p {
        position: absolute;
        width: 200px;
        font-size: 12px;
        top: 60px;
        left: 20px;
        text-align: justify;
    }
    
    #judge .container-inner {
        position: relative;
        height: 400px;
    }
    
    #judge h6 span {
        font-size: 18px;
    }
    
    #judge h6 {
        font-weight: normal;
        border-bottom: dotted 3px #555555;
    }
    
    .isobuchi_pic {
        position: absolute;
        top: 30px;
        left: 60px;
    }
    
    #judge .container-inner div {
        position: absolute;
        width: 500px;
        top: 30px;
        right: 40px;
        font-size: 12px;
        text-align: justify;
    }
    
    #judge .container-inner a img {
        position: absolute;
        bottom: 30px;
        right: 40px;
    }
    /*-------------------------------------- second flush */
    
    #second_flush .inner {
        background: #ebcc51;
        padding: 50px 0 90px 60px;
        line-height: 1.8;
    }
    
    #second_flush .txt-md {
        font-size: 16px;
    }
    
    #second_flush .milk {
        display: block;
        margin-top: -10px;
    }
    
    #second_flush .inner .fl {
        width: 480px;
    }
    
    #second_flush .inner .recommended {
        border: 1px solid #9ab436;
        margin: 20px 0;
    }
    
    #second_flush .tea {
        margin-top: 31px;
    }
    
    #second_flush .tea_img {
        float: right;
    }
    
    #second_flush .tea_desc {
        float: left;
        width: 296px;
        text-align: right;
        padding-top: 124px;
    }
    
    #second_flush .second_flush_img {
        background: #ebcc51;
        position: relative;
    }
    
    #second_flush .second_flush_img .tea_txt {
        position: absolute;
        top: -38px;
        left: 55px;
    }
    
    #second_flush .second_flush_footer {
        background: #ebcc51;
        padding: 30px 60px;
    }
    /*-------------------------------------- applefair */
    
    #factory_tour .inner {
        background: #e5ddcb;
        padding: 20px 60px 60px 60px;
    }
    
    #factory_tour h2 img {
        margin-left: -10px;
    }
    
    #factory_tour h2+p {
        width: 800px;
        font-size: 16px;
        text-align: justify;
    }
    
    #factory_tour .process h3 {
        margin-top: 40px;
        padding: 30px 0 10px 70px;
        color: #956025;
        font-size: 18px;
        font-weight: bold;
    }
    
    #factory_tour .process01 h3 {
        background: url(../images/201903/factory_tour/one.png) no-repeat left top;
    }
    
    #factory_tour .process02 h3 {
        background: url(../images/201903/factory_tour/two.png) no-repeat left top;
    }
    
    #factory_tour .process03 h3 {
        background: url(../images/201903/factory_tour/three.png) no-repeat left top;
        padding: 10px 0 10px 70px;
    }
    
    #factory_tour .process04 h3 {
        background: url(../images/201903/factory_tour/four.png) no-repeat left top;
        padding: 10px 0 10px 70px;
    }
    
    #factory_tour .process05 h3 {
        background: url(../images/201903/factory_tour/five.png) no-repeat left top;
    }
    
    #factory_tour .process li {
        font-size: 0;
        width: 320px;
        float: left;
    }
    
    #factory_tour .process05 li {
        width: 480px;
    }
    
    .apple_menu {
        width: 100%;
        margin: 50px 0;
    }
    
    .apple_pie {
        margin-bottom: 50px;
    }
    
    .apple_menu h4,
    .apple_pie h4 {
        font-size: 21px;
        font-weight: bold;
    }
    
    .apple_menu .fr h4 {
        text-align: right;
        line-height: 18px;
    }
    
    .apple_menu .fr h4 span {
        font-size: 14px;
    }
    
    .apple_menu p,
    .apple_pie p {
        font-size: 16px;
    }
    
    .apple_menu .fl,
    .apple_menu .fr {
        width: 460px;
        position: relative;
    }
    
    .apple_menu .fr {
        padding-top: 230px;
    }
    
    .apple_menu .fl .badge {
        position: absolute;
        top: -40px;
        left: 0;
    }
    
    .apple_menu .fr .badge {
        position: absolute;
        top: 200px;
        right: 0;
    }
    
    .apple_menu .fl div {
        position: absolute;
        top: 0;
        left: 480px;
        width: 420px;
    }
    
    .apple_menu .fr div {
        position: absolute;
        bottom: 0;
        left: -440px;
        width: 420px;
    }
    /*===============================================
●mobile.css  画面の横幅が640pxまで
===============================================*/
    
    @media screen and (max-width: 640px) {
        /*-------------------------------------- seasonal menu */
        .menu_seasonal01,
        .menu_seasonal02,
        .menu_seasonal03,
        .menu_seasonal04,
        .menu_seasonal05,
        .menu_seasonal06 {
            width: 100%;
            margin: 30px auto;
        }
        .menu_seasonal01 .fl,
        .menu_seasonal01 .fr,
        .menu_seasonal02 .fl,
        .menu_seasonal02 .fr,
        .menu_seasonal05 .fl,
        .menu_seasonal05 .fr,
        .menu_seasonal06 .fl,
        .menu_seasonal06 .fr,
        .menu_seasonal11,
        .menu_seasonal11 .fr,
        .menu_seasonal11 .fl {
            width: 100%;
            float: none;
            clear: both;
        }
        .menu_seasonal01 h3,
        .menu_seasonal02 h3,
        .menu_seasonal03 h3,
        .menu_seasonal04 h3,
        .menu_seasonal05 h3,
        .menu_seasonal06 h3,
        .menu_seasonal11 h3 {
            font-size: 17px;
        }
        .menu_seasonal01 p,
        .menu_seasonal02 p,
        .menu_seasonal02 p,
        .menu_seasonal03 p,
        .menu_seasonal04 p,
        .menu_seasonal05 p,
        .menu_seasonal06 p {
            font-size: 14px;
            text-align: justify;
        }
        .menu_seasonal01,
        .menu_seasonal06 {
            border-top: none;
        }
        .menu_seasonal01 .fl,
        .menu_seasonal06 .fr {
            width: 100%;
            margin: 0;
        }
        .menu_seasonal01 h3 {
            text-align: left;
        }
        .menu_seasonal01 .fr img,
        .menu_seasonal06 .fl img {
            margin-top: 0;
        }
        .menu_seasonal02 .fr {
            width: 100%;
            padding: 0;
            margin-top: 0;
            border-top: none;
        }
        .menu_seasonal02 .fr p {
            width: 100%;
        }
        .menu_seasonal03 .fl,
        .menu_seasonal03 .fr,
        .menu_seasonal04 .fl,
        .menu_seasonal04 .fr {
            width: 100%;
        }
        .menu_seasonal03 p,
        .menu_seasonal04.p {
            width: 100%;
        }
        .menu_seasonal01 .fl p.leaf,
        .leaf {
            padding: 0 50px;
            font-size: 15px;
            margin: 20px 0 10px 0;
            background: url(../images/menu_seasonal/icon_leaf.png) no-repeat left top;
        }
        #menu_seasonal .banner {
            width: 100%;
            height: auto;
        }
        .menu_seasonal06 h3,
        .menu_seasonal06 .fr>p,
        .menu_seasonal06 .recommended_tea {
            margin-left: 0;
        }
        .recommended_tea {
            background: #CCC;
            padding: 10px 20px;
        }
        .recommended_tea p {
            font-size: 13px;
            text-align: jusify;
        }
        .recommended_tea h4 {
            padding: 5px 0 5px 46px;
            font-size: 16px;
            color: #666;
            background: url(../images/menu_seasonal/icon_pot.png) no-repeat left center;
        }
        .recommended_tea h4 span {
            font-size: 12px;
            display: block;
        }
        .recommended_tea {
            padding: 3% 5%;
        }
        .recommended_tea p {
            font-size: 14px;
        }
        .menu_seasonal03,
        .menu_seasonal04 {
            height: auto;
        }
        .menu_seasonal03 .fr,
        .menu_seasonal04 .fl {
            width: 100%;
            margin: 3% 0;
            border-top: none;
            padding: 0;
        }
        .menu_seasonal03 .fl,
        .menu_seasonal04 .fr {
            width: 100%;
        }
        .menu_seasonal03 .fl h3,
        .menu_seasonal04 .fr h3 {
            border-top: none;
            text-align: left;
            padding: 0;
        }
        .menu_seasonal03 .fl p,
        .menu_seasonal04 .fr p {
            margin-right: 0;
            margin-left: 0;
        }
        .menu_seasonal03 .fruit_hot,
        .menu_seasonal04 .fruit_hot {
            position: inherit;
            top: inherit;
            right: inherit;
            width: 100%;
            height: auto;
            margin: 8% 0 3% 0;
        }
        .menu_seasonal03 .tapioka,
        .menu_seasonal04 .tapioka {
            position: inherit;
            bottom: inherit;
            left: inherit;
            width: 100%;
            height: auto;
            margin: 8% 0 3% 0;
        }
        .menu_seasonal05 .fr {
            margin-top: 10%;
        }
        /*-------------------------------------- food */
        #menu_food h2 {
            font-size: 18px;
            margin: 0 0 5% 0;
        }
        #menu_food .container h3 {
            margin-top: 10%;
        }
        #menu_food .container p {
            margin-top: 2%;
            margin-bottom: 3%;
        }
        .menu_food01,
        .menu_food02,
        .menu_food03,
        .menu_food04,
        .menu_food05 {
            width: 100%;
        }
        .menu_food01 .fl,
        .menu_food02 .fl {
            width: 100%;
            padding: 0;
        }
        .menu_food01 .fr,
        .menu_food02 .fr {
            width: 100%;
        }
        .menu_food02 .fl,
        .menu_food01 .fr {
            padding-bottom: 10%;
            height: inherit;
        }
        .menu_food01 .fl>p {
            padding-right: 0;
        }
        .menu_food02 {
            padding-top: 0;
        }
        .menu_food02 h3 {
            padding-left: 0;
        }
        .menu_food02 .fr>p,
        #menu_food .menu_food02 .interview {
            margin-left: 0;
        }
        #menu_food .seasonal_profile {
            position: relative;
            bottom: inherit;
            right: inherit;
        }
        #menu_food .interview {
            padding: 5%;
            margin: 3% 0;
        }
        #menu_food .interview h4 {
            font-size: 16px;
            padding-left: 100px;
        }
        #menu_food .interview img {
            top: -16px;
            left: 20px;
        }
        .menu_food02 .fl {
            width: 100%;
            margin-top: 0;
        }
        .menu_food02 .fr {
            width: 100%;
            padding-right: 0;
            margin-top: 5%;
        }
        .menu_food02 h3 {
            padding-left: 0;
        }
        .menu_food03,
        .menu_food04 {
            height: auto;
        }
        .txt_pasta01,
        .txt_pasta02,
        .txt_curry01,
        .txt_curry02 {
            width: 100%;
            position: inherit;
        }
        .txt_pasta01,
        .txt_curry01 {
            top: inherit;
            left: inherit;
        }
        .txt_pasta01 p,
        .txt_curry01 p,
        .menu_food05 .fl p {
            margin-right: 40px;
        }
        .txt_pasta02 {
            left: inherit;
            bottom: inherit;
        }
        .txt_pasta02 h3,
        .txt_curry02 h3,
        .txt_pasta02 p,
        .txt_curry02 p {
            padding-left: 0;
        }
        .txt_curry02 {
            left: inherit;
            bottom: inherit;
        }
        .pasta_img01,
        .pasta_img02,
        .curry_img01,
        .curry_img02 {
            position: inherit;
        }
        .pasta_img01,
        .curry_img01 {
            top: inherit;
            right: inherit;
        }
        .pasta_img02,
        .curry_img02 {
            bottom: inherit;
            left: inherit;
        }
        .menu_food05 {
            margin-top: 5%;
        }
        .menu_food05 .new01,
        .menu_food05 .new02,
        .menu_food05 .new03,
        .menu_food05 .new04,
        .menu_food07 .new05,
        .menu_food08 .new06 {
            left: inherit;
            right: 10px;
            top: 100px;
            z-index: 10;
        }
        .menu_food05 .fl {
            width: 100%;
        }
        .menu_food05 .fr {
            width: 100%;
        }
        .menu_food05 .fl div {
            float: none;
            width: 100%;
            margin-top: 5%;
        }
        .menu_food07,
        .menu_food08 {
            margin: 0;
            width: 100%;
        }
        .menu_food07 .fr,
        .menu_food08 .fl {
            width: 100%;
            margin-top: 20px;
            float: none;
        }
        .menu_food08 .fl {
            margin-left: 0;
        }
        .menu_food07 .fl,
        .menu_food08 .fr {
            width: 100%;
            margin-top: 10px;
            float: none;
        }
        .menu_food07 h3,
        .menu_food08 h3 {
            padding-left: 0;
            width: 100%;
        }
        .menu_food07 p,
        .menu_food08 p {
            padding-left: 0;
            margin: 20px 0;
            width: 100%;
        }
        #menu_food .gray {
            text-align: left;
        }
        .seasonal_profile {
            padding: 3% 4%;
            width: 100%;
            margin: 8% 0 5% 0;
        }
        .seasonal_profile img {
            position: absolute;
            top: -25px;
            left: 0;
        }
        .seasonal_profile h4 {
            font-size: 14px;
            border-bottom: 1px solid #333;
        }
        .seasonal_profile p {
            font-size: 12px;
            text-align: justify;
        }
        #menu_food .seasonal_profile {
            position: relative;
            bottom: inherit;
            right: inherit;
        }
        .menu_food05 {
            width: 100%;
            height: auto;
        }
        .menu_food05 img,
        .menu_food05 div {
            position: inherit;
        }
        .feature01 {
            top: inherit;
            left: inherit;
            width: 100%;
        }
        .feature02 {
            top: inherit;
            left: inherit;
            width: 100%;
        }
        .feature01 h3,
        .feature02 h3,
        .feature03 h3,
        .feature04 h3 {
            border-bottom: 1px solid #333;
        }
        .feature02 h3 {
            padding: 0;
        }
        .feature02 p {
            padding-left: 0;
            margin: 20px 0;
        }
        .feature03,
        .feature04 {
            bottom: inherit;
            left: inherit;
            width: 100%;
        }
        .feature01 p,
        .feature03 p,
        .feature04 p {
            padding-right: 0;
            margin: 20px 0;
        }
        .feature01_img {
            top: inherit;
            right: inherit;
        }
        .feature02_img {
            top: inherit;
            left: inherit;
        }
        .feature03_img {
            bottom: inherit;
            right: inherit;
        }
        .syokuiku_lead {
            padding: 0;
            background: none;
            margin-bottom: 20px;
        }
        #menu_food .syokuiku .container-inner {
            width: 100%;
        }
        #menu_food .container .syokuiku_lead h3 {
            font-size: 18px;
        }
        #menu_food .container.syokuiku p {
            margin: 5px 0 20px 0;
        }
        #menu_food .container.syokuiku .fl p,
        #menu_food .container.syokuiku .fr p {
            font-size: 14px;
            line-height: 1.7;
        }
        #menu_food .syokuiku h5 {
            font-size: 16px;
            font-weight: bold;
        }
        .syokuiku .fl,
        .syokuiku .fr {
            width: 100%;
            float: none;
        }
        .syokuiku_profile {
            margin-top: 50px;
        }
        /*-------------------------------------- scone */
        #factory_scone .inner {
            padding: 3% 5%;
            background-position: 50px 20px;
        }
        #factory_scone .inner>p.mt30 {
            width: 100%;
            font-size: 16px;
        }
        #factory_scone .inner .fl,
        #factory_scone .inner .fr {
            width: 100%;
            float: none;
        }
        #factory_scone .comment {
            padding: 15px 20px;
            background-image: none;
            margin: 40px 0 40px 0;
        }
        #factory_scone .comment h4 {
            font-size: 17px;
        }
        .apple_menu {
            margin: 30px 0;
        }
        .apple_pie {
            margin-bottom: 30px;
        }
        .apple_menu h4,
        .apple_pie h4 {
            font-size: 18px;
        }
        .apple_menu .fl h4 {
            margin-top: 10px;
        }
        .apple_menu .fr h4 {
            text-align: left;
            line-height: 14px;
            margin-top: 20px;
        }
        .apple_menu .fr h4 span {
            font-size: 14px;
        }
        .apple_menu p,
        .apple_pie p {
            font-size: 14px;
        }
        .apple_menu .fl,
        .apple_menu .fr {
            width: 100%;
        }
        .apple_menu .fr {
            padding-top: 30px;
        }
        .apple_menu .fl .badge {
            position: absolute;
            top: -20px;
            left: 0;
            width: 120px;
            height: auto;
        }
        .apple_menu .fr .badge {
            position: absolute;
            top: 0px;
            right: 0;
            width: 120px;
            height: auto;
        }
        .apple_menu .fl div {
            position: initial;
            top: initial;
            left: initial;
            width: 100%;
        }
        .apple_menu .fr div {
            position: initial;
            bottom: initial;
            left: initial;
            width: 100%;
        }
        /*-------------------------------------- judge */
        .judge01 {
            padding: 8% 5%;
        }
        .judge01 .fl,
        .judge01 .fr,
        .judge02 .fl,
        .judge02 .fr {
            width: 100%;
        }
        .judge01 .fr {
            padding: 0;
            margin-bottom: 5%;
        }
        .judge01 h3 {
            font-size: 18px;
        }
        .judge01 p {
            font-size: 14px;
            margin: 0;
        }
        .judge02 {
            padding: 8% 5%;
        }
        .judge02>p {
            text-align: left;
            font-size: 16px;
            margin-bottom: 5%;
        }
        .judge02 h4 {
            font-size: 18px;
        }
        .judge02 .desc p {
            padding: 0;
            margin-bottom: 10%;
        }
        .judge02 .desc p.serif {
            font-size: 18px;
            margin: 20px 0;
        }
        .judge02 li {
            width: 100%;
            height: auto;
            padding: 13% 5% 5% 5%;
            box-sizing: border-box;
            background: #FFF;
            position: relative;
            margin-bottom: 10%;
        }
        .judge02 img {
            position: inherit;
            top: inherit;
            right: inherit;
        }
        .judge02 h5 img {
            position: absolute;
            top: -28px;
            left: 14px;
        }
        .judge02 .fr h5 img {
            top: -14px;
            left: -10px;
        }
        .judge02 li p {
            position: inherit;
            width: 100%;
            top: inherit;
            left: inherit;
            margin-bottom: 5%;
        }
        #judge .container-inner {
            position: relative;
            height: auto;
        }
        #judge h6 span {
            font-size: 18px;
        }
        #judge h6 {
            font-weight: normal;
            border-bottom: dotted 3px #555555;
        }
        .isobuchi_pic {
            position: inherit;
            top: inherit;
            left: inherit;
            margin: 5%;
        }
        #judge .container-inner div {
            position: inherit;
            width: 100%;
            top: inherit;
            right: inherit;
            font-size: 12px;
            text-align: justify;
        }
        #judge .container-inner a img {
            position: inherit;
            bottom: inherit;
            right: inherit;
        }
        /*-------------------------------------- second flush */
        #second_flush .inner {
            padding: 3% 5%;
        }
        #second_flush .txt-md {
            font-size: 16px;
        }
        #second_flush .inner .fl {
            width: 100%;
        }
        #second_flush .inner .recommended {
            border: 1px solid #9ab436;
            margin: 20px 0;
        }
        #second_flush .tea {
            margin-top: 14px;
        }
        #second_flush .tea_desc {
            width: calc(100% - 180px);
            padding-top: 100px;
        }
        #second_flush .second_flush_footer {
            padding: 3% 5%;
        }
        /*-------------------------------------- factory */
        #factory_tour .inner {
            padding: 3% 5%;
        }
        #factory_tour h2 img {
            margin-left: 0;
        }
        #factory_tour .inner p {
            width: 100%;
        }
        #factory_tour .process h3 {
            margin-top: 20px;
            padding: 10px 0 10px 70px;
            font-size: 16px;
        }
        #factory_tour .process02 h3 {
            padding: 30px 0 10px 70px;
        }
        #factory_tour .process03 h3 {
            padding: 0 0 10px 70px;
        }
        #factory_tour .process04 h3 {
            padding: 0 0 10px 70px;
        }
        #factory_tour .process05 h3 {
            padding: 30px 0 10px 70px;
        }
        #factory_tour .process li,
        #factory_tour .process05 li {
            width: 100%;
            float: none;
        }
    }