@charset "utf-8";
 /*-------------------------------------- seasonal menu */
    
#menu_seasonal h2 {
    font-family: 'Prata', serif;
    font-size: 32px;
    font-weight: lighter;
    letter-spacing: .03em;
    line-height: 1.3;
    color: #666;
    margin: 0 20px;
    text-align: center;
    border-bottom: 1px solid #999;
    position: relative;
    z-index: 2;
}
    
#menu_seasonal h2+.serif {
    margin: 20px 0 40px 0;
    font-size: 16px;
    margin: 30px 0;
    text-align: center;
    position: relative;
}
    
#menu_seasonal h2+.serif img {
    position: absolute;
    top: -70px;
    left: 18px;
    z-index: 0;
}
    
.menu_seasonal01,
.menu_seasonal02,
.menu_seasonal03 {
    width: 860px;
    margin: 0 auto 50px auto;
}
    
.menu_seasonal01 .fl {
    width: 356px;
    border-top: 1px solid #999;
    padding: 10px 30px 0 0;
    box-sizing: border-box;
}
    
.menu_seasonal01 h3,
.menu_seasonal02 h3,
.menu_seasonal03 h3 {
    font-size: 18px;
}
/*.menu_seasonal02 h3,
.menu_seasonal03 h3{
    padding:0 0 0 60px;
    background: url(../images/menu_seasonal/special.png) no-repeat left center;
}*/
    
.menu_seasonal01 .fl p,
.menu_seasonal02 .fr p,
.menu_seasonal03 .fl p {
    font-size: 13px;
    margin: 10px 0 0 0;
    text-align: left;
}
.menu_seasonal01 .fl p{
    text-align: justify;
}
.menu_seasonal01 .fl p.leaf{
    margin-top:20px;
}
    
.menu_seasonal01 .fr {
    width: 504px;
}
    
.menu_seasonal02 .fl {
    width: 576px;
}
    
.menu_seasonal02 .fr {
    width: 284px;
    border-top: 1px solid #999;
    padding: 10px 0 0 30px;
    box-sizing: border-box;
}
.menu_seasonal03 .fl {
    width: 400px;
    border-top: 1px solid #999;
    padding: 10px 30px 0 0;
    box-sizing: border-box;
}
    
.menu_seasonal03 .fr {
    width: 460px;
}
    
.leaf {
    padding: 5px 40px;
    font-size: 13px;
    margin: 20px 0 10px 0;
    background: url(../images/menu_seasonal/icon_leaf.png) no-repeat left top;
}
 
.recommended_tea {
    background: #CCC;
    padding: 10px 20px;
}
    
.recommended_tea p {
    font-size: 13px;
    text-align: jusify;
}
    
.recommended_tea h4 {
    padding: 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;
}
/*-------------------------------------- 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;
    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:12px;
    margin-top:20px;
    text-align: justify;
}
.menu_food_head{
    position:relative;
}
#menu_food .menu_food_head p{
    position:absolute;
    width:380px;
    top:430px;
    right:30px;
    font-size:15px;
}
#menu_food .menu_food_head p span{
    font-size:14px;
}
.menu_food01,
.menu_food02,
.menu_food03,
.menu_food04{
    width:940px;
    margin:0 auto;
    position:relative;
}
.menu_food01 .fl{
    width:495px;
    padding:26px 0 0 40px;
}
.menu_food01 .fr{
    width:445px;
}
.menu_food01 h3{
    border-bottom:1px solid #333;
}
.menu_food01 .fl > p{
    text-align: justify;
    padding-right:20px;
}
#menu_food .interview{
    background:rgba(255,255,255,50%);
    border:1px solid #b7d100;
    padding:15px 20px;
    position:relative;
    margin:20px 20px 20px 0;
}
#menu_food .interview 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_food02{
    height:700px;
}
.menu_food02 img,
.menu_food02 div{
    position:absolute;
}
.txt-pasta{
    top:-92px;
    left:172px;
    z-index:10;
}
.pasta01{
    top:70px;
    left:450px;
    width:400px;
}
.pasta01 h3,
.pasta02 h3{
    border-bottom:1px solid #333;
}
.pasta01 h3{
    padding:0 0 0 40px;
}
.pasta01 p{
    padding-left:40px;
    margin:20px 0;
}
.pasta02{
    bottom:100px;
    left:100px;
    width:400px;
}
.pasta02 p{
    padding-right:40px;
    margin:20px 0;
}
.pasta_img01{
    top:0;
    left:0;
}
.pasta_img02{
    bottom:0;
    right:0;
}
.menu_food03{
    margin-top:60px;
}
.menu_food03 > img{
    position:absolute;
    top:-100px;
    left:0;
}
#menu_food .menu_food03 .interview,
#menu_food .vege_style01 .interview,
#menu_food .vege_style01 .profile{
    margin-right:0;
}
.menu_food03 .fl{
    width:450px;
}
.menu_food03 .fr{
    width:470px;
}
.menu_food03 h4,
.menu_food04 h4,
.vege_style01 h4,
.vege_style02 h4{
    background:#abc63e;
    color:#FFF;
    font-size:14px;
    padding-left:30px;
    position:relative;
    margin:10px 0;
}
.menu_food03 h4 img,
.menu_food04 h4 img,
.vege_style01 h4 img,
.vege_style02 h4 img{
    position:absolute;
    top:-20px;
    left:200px;
}
.menu_food04 h4 img,
.vege_style02 h4 img{
    position:absolute;
    top:-20px;
    left:180px;
}
.menu_food03 ul,
.menu_food04 ul{
    padding-left:20px;
}
.menu_food04 .fl{
    width:495px;
    padding-left:100px;
}
.menu_food04 .fl p{
    padding-right:20px;
}
.menu_food04 .fr{
    width:445px;
}
.menu_food05{
    width:970px;
    height:660px;
    margin:0 auto;
    position:relative;
}
.menu_food05 img,
.menu_food05 div{
    position:absolute;
}
.txt-omelet{
    top:-60px;
    left:0;
}
.txt-curry{
    top:265px;
    right:0;
    z-index:10;
}
.omelet{
    top:70px;
    left:450px;
    width:400px;
}
.omelet h3,
.curry h3{
    border-bottom:1px solid #333;
}
.omelet h3{
    padding:0 0 0 40px;
}
.omelet p{
    padding-left:40px;
    margin:20px 0;
}
.curry{
    bottom:0;
    left:100px;
    width:400px;
}
.curry p{
    padding-right:40px;
    margin:20px 0;
}
.omelet_img{
    top:0;
    left:0;
}
.curry_img{
    bottom:0;
    right:0;
}
#menu_food p.gray{
    text-align: right;
}

/*-------------------------------------- vege style */
.vege_style01{
    position:relative;
}
#menu_food .vege_style01 > p{
    position:absolute;
    color:#567b03;
    font-size:24px;
    top:10px;
    left:0;
    z-index:10;
}
.vege_style01 > img{
    position:absolute;
    top:30px;
    left:-20px;
    z-index:0;
}
.vege_style01 h3{
    margin-top:130px;
}
.vege_style01 .fl,
.vege_style02 .fl{
    width:470px;
}
.vege_style01 .fr{
    width:500px;
    padding-right:30px;
}
.vege_style02 .fr{
    width:530px;
    padding-right:130px;
}

.vege_style02 .fr h3,
.vege_style02 .fr ul,
.vege_style02 .fr p{
    padding-left:20px;
}
#menu_food .vege_style01 .interview h4{
    font-size:14px;
    padding-left:50px;
}
#menu_food .vege_style01  .interview img {
    left: -20px;
    position: absolute;
    top: -16px;
}
#menu_food .container .vege_style01 p.green{
    color: #869f21;
    font-size:14px;
}
/*-------------------------------------- ginza */
#ginza .white{
    color:#FFF;
}
#ginza .green{
    color:#49780c;
}
.ginza_head{
    background:#a0a9a4;
}
.ginza_head h2{
    color:#FFF;
    font-size:26px;
    padding:15px 0;
    text-align: center;
}
.ginza01{
    padding:50px 40px 30px 40px;
    position: relative;
}
.ginza01 .fl{
    width:340px;
}
.ginza01 .fr{
    width:640px;
}
.ginza01 h3{
    font-size:20px;
    position: absolute;
    top:20px;
    left:40px;
}
.ginza01 h4{
    font-size:14px;
    margin:55px 0 20px 0;
}
.ginza01 p{
    margin-bottom:50px;
    font-size:12px;
}
.ginza01 img{
    margin-bottom:15px;
}
.ginza02{
    background:#dcdbce;
    padding:0 0 30px 40px;
    position: relative;
}
.ginza02 > img.pc{
    position: absolute;
    top:10px;
    left:15px;
}
.ginza02 .fl{
    width:330px;
    position:relative;
    padding-top:150px;
}
.ginza02 h3{
    font-size:24px;
}
.ginza02 p{
    font-size:11px;
}
.ginza02 h4{
    font-size:16px;
}
.badge01{
    position:absolute;
    bottom:-50px;
    left:230px;
}
.ginza03{
    background:url(../images/201706/ginza/img09.jpg) no-repeat left top #f7ad16;
    padding:5px 10px 10px 0;
}
.ginza03 h3{
    margin-left:555px;
    font-size:14px;
}
.ginza03 h4,
.ginza03 p.white,
.ginza03 img{
    margin-left:640px;
}
.ginza03 h4{
    font-size:16px;
}
.ginza03 p.white{
    font-size:12px;
    text-align: justify;
}
.ginza03 p img{
    margin:10px 10px 0 555px;
}
.ginza04{
    background:url(../images/201706/ginza/bg_green.gif) no-repeat;
    position:relative;
}
.ginza04 > img{
    position:absolute;
    top:0;
    left:20px;
    z-index:5;
}
.ginza04 h3{
    position:absolute;
    top:90px;
    left:160px;
    font-size:16px;
    z-index:5;
}
.ginza04 h4{
    font-size:16px;
    position:absolute;
}
.ginza04 .fl img{
    margin-top:145px;
}
.ginza04 .fl,
.ginza04 .fr{
    position:relative;
}
.ginza04 .fr{
    width:450px;
}
.ginza04 .fl h4{
    top:465px;
    left:25px;
}
.ginza04 .fr h4{
    top:440px;
    right:25px;
}
.ginza04 .fl p{
    font-size:11px;
    width:470px;
    padding:5px 0 5px 20px;
}
.ginza04 .fr p{
    font-size:11px;
    padding:5px 20px;
}
.ginza05{
    background:#FFF;
    padding:15px 15px 15px 24px;
    position:relative;
}
.ginza05 .desc{
    width:495px;
    padding:70px 50px 0 0;
}
.ginza05 > img{
    position:absolute;
    top:15px;
    left:24px;
}
.ginza05 h3{
    font-size:18px;
    position: relative;
    z-index:5;
}
.ginza05 p{
    font-size:12px;
}
.ginza05 p.gray{
    font-size:13px;
}
.ginza05 p.narrow{
    width:380px;
}
.ginza05 h4{
    font-size:14px;
}
.afternoontea{
    width:300px;
    padding-right:20px;
    position:relative;
}
.afternoontea img.personal{
    position:absolute;
    top:315px;
    left:-85px;
}
.afternoontea h4,
.cream h4{
    font-size:16px;
    margin-top:5px;
}
.aftenoontea p,
.cream p{
    font-size:12px;
}
.afternoontea p,
.afternoontea h4{
    padding-left:80px;
}
.afternoontea p{
    padding-right:10px;
}
.cream{
    width:240px;
}
.ginza06{
    background:url(../images/201706/ginza/img15.jpg) no-repeat left bottom;
    margin:0 auto;
    padding-top:60px;
    width:1020px;
    height:720px;
    position: relative;
}
.ginza06 h3{
    font-size:28px;
    text-align: right;
}
.ginza06 > p{
    text-align: right;
    font-size:14px;
    margin:15px 0;
}
.ginza06 > img.pc{
    position: absolute;
    top:5px;
    left:30px;
}
.ginza06 h4{
    margin-left:435px;
    font-size:18px;
}
.ginza06 >p.gray{
    text-align: left;
    margin:10px 0 10px 435px;
}
.ginza06 .interview02{
    position:absolute;
    left:435px;
    bottom:10px;
}
.ginza06 .recommend{
    position:absolute;
    right:0;
    bottom:10px;
}
.ginza06 .prof{
    position: absolute;
    left:20px;
    bottom:10px;
    width:380px;
    border:1px solid #FFF;
    background:rgba(0,0,0,.3);

    color:#FFF;
    padding:10px 15px;
}
.ginza06 .prof h5{
    font-size:12px;
    border-bottom:1px solid #FFF;
    padding-bottom:5px;
}
.ginza06 .prof p{
    font-size:11px;
    text-align: justify;
}
.ginza07{
    background:url(../images/201706/ginza/img17.jpg) no-repeat left top #bbcbce;
    margin:0 auto;
    padding:50px 0 10px 0;
    width:1020px;
    position: relative;
}
.ginza07 h3{
    position:absolute;
    top:15px;
    left:30px;
    font-size:18px;
}
.ginza07 > img.pc{
    position:absolute;
    top:45px;
    left:20px;
}
.ginza07 .fl{
    padding:100px 20px 10px 20px;
    position:relative;
    width:425px;
}
.ginza07 .fl p{
    font-size:13px;
}
.ginza07 .prof{
    position: absolute;
    left:20px;
    bottom:10px;
    width:380px;
    border:1px solid #333;
    padding:10px 15px;
}
.ginza07 .prof h5{
    font-size:12px;
    border-bottom:1px solid #333;
    padding-bottom:5px;
}
.ginza07 .prof p{
    font-size:11px;
    text-align: justify;
}
.ginza07 .fr{
    padding:0 100px 0 10px;
    width:585px;
    box-sizing: border-box;
    position:relative;
    line-height:1.4;
}
.ginza07 h4{
    font-size:14px;
    margin-top:15px;
}
.ginza07 .fr p:first-child{
    font-size:16px;
}
.ginza07 .fr p{
    font-size:12px;
}
.ginza07 .fr p.purple{
    color:#914897;
    font-size:11px;
    margin:5px 0;
}
.ginza07 .fr img.pc{
    position:absolute;
    top:-50px;
    right:-30px;
}
.ginza07 .fr p.green{
    position:absolute;
    width:250px;
    top:250px;
    left:340px;
    font-size:11px;
}
.ginza07 .fr h5{
    position: absolute;
    top:200px;
    left:350px;
    font-size:14px;
}
.herb01{
    width:280px;
}
.herb_seasonal{
    border:1px solid #FFF;
    padding:8px 0 8px 30px;
    position:relative;
    margin:15px 0 0 34px;
}
.herb_seasonal img{
    position:absolute;
    top:5px;
    left:-40px;
}
.ginza07 .herb_seasonal h4{
    margin-top:0;
}
#ginza section > p.tr{
    margin:10px 30px;
    font-size:12px;
}

/*===============================================
●mobile.css  画面の横幅が640pxまで
===============================================*/
    
@media screen and (max-width: 640px) {
    #menu_seasonal h2 {
        font-size: 18px;
        margin: 0 0 5% 0;
    }
    #menu_seasonal h2+.serif {
        font-size: 14px;
        margin: 5% 0;
        text-align: left;
    }
    #menu_seasonal h2+.serif img {
        display: none;
    }
    .menu_seasonal01,
    .menu_seasonal02,
    .menu_seasonal03 {
        width: 100%;
        margin: 3% 0;
    }
    .menu_seasonal01 .fl,
    .menu_seasonal01 .fr,
    .menu_seasonal02 .fl,
    .menu_seasonal02 .fr,
    .menu_seasonal03 .fl,
    .menu_seasonal03 .fr {
        width: 100%;
        border-top: none;
        padding: 0;
        margin: 3% 0;
    }
    .menu_seasonal01 h3,
    .menu_seasonal02 h3,
    .menu_seasonal03 h3 {
        font-size: 16px;
    }
    .menu_seasonal01 .fl p,
    .menu_seasonal02 .fr p,
    .menu_seasonal03 .fr p {
        font-size: 14px;
        margin: 10px 0 0 0;
    }
    .recommended_tea {
        padding: 3% 5%;
    }
    .recommended_tea p {
        font-size: 14px;
    }
    /*-------------------------------------- food */
    #menu_food h2 {
        font-size: 18px;
        margin: 0 0 5% 0;
    }
    #menu_food .container h3 {
        margin-top:5%;
    }  
    #menu_food .menu_food_head p{
        position:inherit;
        width:100%;
        top:inherit;
        right:inherit;
        font-size:15px;
        padding:3%;
    }
    #menu_food .menu_food_head p span{
        font-size:14px;
    }
    .menu_food01,
    .menu_food02,
    .menu_food03,
    .menu_food04{
        width:100%;
    }
    .menu_food01 .fl{
        width:100%;
        padding:0;
    }
    .menu_food01 .fr{
        width:100%;
    }
    .menu_food01 .fl > p{
        padding-right:0;
    }
    #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_food01 .profile{
        padding:5%;
        margin-right:0;
    }
    #menu_food .profile p{
        font-size:12px;
    }
    .menu_food02{
        height:inherit;
    }
    .menu_food02 img,
    .menu_food02 div{
        position:inherit;
    }
    .pasta01{
        top:inherit;
        left:inherit;
        width:100%;
    }
    .pasta01 h3{
        padding:0;
    }
    .pasta01 p{
        padding-left:0;
    }
    .pasta02{
        bottom:inherit;
        left:inherit;
        width:100%;
    }
    .pasta02 p{
        padding-right:0;
    }
    .pasta_img01{
        top:inherit;
        left:inherit;
    }
    .pasta_img02{
        bottom:inherit;
        right:inherit;
    }
    .menu_food03{
        margin-top:5%;
    }
    .menu_food03 > img{
        position:inherit;
        top:inherit;
        left:inherit;
    }
    .menu_food03 .fl{
        width:100%;
    }
    .menu_food03 .fr{
        width:100%;
    }
    .menu_food03 h4,
    .menu_food04 h4{
        background:#abc63e;
        color:#FFF;
        font-size:14px;
        padding-left:30px;
        position:relative;
        margin:10px 0;
    }
    .menu_food03 ul,
    .menu_food04 ul{
        padding-left:20px;
    }
    .menu_food04 .fl{
        width:100%;
        padding-left:0;
    }
    .menu_food04 .fl p{
        padding-right:0;
    }
    .menu_food04 .fr{
        width:100%;
    }
    .menu_food05{
        width:100%;
        height:inherit;
    }
    .menu_food05 img,
    .menu_food05 div{
        position:inherit;
    }
    .txt-omelet{
        top:inherit;
        left:inherit;
    }
    .txt-curry{
        top:inherit;
        right:inherit;
    }
    .omelet{
        top:inherit;
        left:inherit;
        width:100%;
    }
    .omelet h3{
        padding:0;
    }
    .omelet p{
        padding-left:0;
    }
    .curry{
        bottom:inherit;
        left:inherit;
        width:inherit;
    }
    .curry p{
        padding-right:.;
    }
    .omelet_img{
        top:inherit;
        left:inherit;
    }
    .curry_img{
        bottom:inherit;
        right:inherit;
    }
    #menu_food .gray{
        text-align: left;
    }
    /*-------------------------------------- vege style */
    #menu_food .vege_style01 > p{
        position:inherit;
        font-size:18px;
        top:inherit;
        left:inherit;
        z-index:inherit;
    }
    .vege_style01 > img{
        position:absolute;
        top:10px;
        left:-20px;
        z-index:0;
    }
    .vege_style01 h3{
        margin-top:5%;
    }
    .vege_style01 .fl,
    .vege_style02 .fl,
    .vege_style01 .fr,
    .vege_style02 .fr{
        width:100%;
        padding-right:0;
    }
    .vege_style02 .fr h3,
    .vege_style02 .fr ul,
    .vege_style02 .fr p{
        padding-left:0;
    }
    #menu_food .vege_style01 .interview,
    #menu_food .vege_style01 .fr,
    #menu_food .vege_style02 .fl{
        margin-top:5%;
    }
    #menu_food .vege_style01 .interview h4{
        padding-left:50px;
    }
    #menu_food .container .vege_style01 p.green{
        color: #869f21;
        font-size:14px;
    }
    /*-------------------------------------- ginza */
    .ginza_head h2{
        font-size:16px;
        padding:3% 0;
    }
    .ginza01{
        padding:5% 3%;
    }
    .ginza01 .fl,
    .ginza01 .fr{
        width:100%;
    }
    .ginza01 h3{
        font-size:16px;
        position: inherit;
        top: inherit;
        left: inherit;
    }
    .ginza01 h4{
        font-size:12px;
        margin:3% 0;
    }
    .ginza01 p{
        margin-bottom:3%;
    }
    .ginza01 img{
        margin-bottom:3%;
    }
    .ginza02{
        padding:5% 3%;
    }
    .ginza02 .fl{
        width:100%;
        padding-top:0;
    }
    .ginza02 h3{
        font-size:18px;
    }
    .ginza02 p{
        font-size:12px;
    }
    .badge01{
        position:absolute;
        bottom:30px;
        right:-5px;
        left:inherit;
        width:40%;
        height: auto;
    }
    .ginza02 img.sp{
        margin-top:3%;
    }
    .ginza03{
        background:none; 
        background:#f7ad16;
        padding:5% 3%;
    }
    .ginza03 h3{
        margin-left:0;
    }
    .ginza03 h4,
    .ginza03 p.white,
    .ginza03 img{
        margin-left:0;
    }
    .ginza03 h4{
    }
    .ginza03 p img{
        margin:3% 0;
    }
    .ginza03 img{
        margin:3% 0 0 0;
    }
    .ginza04{
        padding:5% 3%;
        background:#cbe097;
    }
    .ginza04 > img{
        position: inherit;
        top: inherit;
        left: inherit;
    }
    .ginza04 h3{
        position:inherit;
        top:inherit;
        left:inherit;
        font-size:14px;
    }
    .ginza04 h4{
        font-size:14px;
        position:inherit;
    }
    .ginza04 .fl img{
        margin-top:3%;
    }
    .ginza04 .fl,
    .ginza04 .fr{
        position:inherit;
    }
    .ginza04 .fr{
        width:100%;
    }
    .ginza04 .fl h4{
        top:100%;
        left:inherit;
        margin-top:3%;
    }
    .ginza04 .fr h4{
        top:100%;
        right:inherit;
        color:#333 !important;
        text-align: left !important;
        margin-top:3%;
    }
    .ginza04 .fl p,
    .ginza04 .fr p{
        font-size:12px;
        width:100%;
        padding:3% 0;
    }
    .ginza05{
        padding:5% 3%;
    }
    .ginza05 .desc{
        width:100%;
        padding:0;
    }
    .ginza05 h3{
        font-size:16px;
    }
    .ginza05 p.narrow{
        width:100%;
    }
    .afternoontea{
        width:100%;
        padding-right:0;
        margin-top:3%;
    }
    .afternoontea img.personal{
        display:none;
    }
    .afternoontea h4,
    .cream h4{
        font-size:14px;
    }
    .afternoontea p,
    .afternoontea h4{
        padding-left:0;
        padding-right:0;
    }
    .cream{
        width:100%;
        margin-top:5%;
    }
    .ginza06{
        background:none;;
        padding-top:0;
        width:100%;
        height:auto;
        padding:5% 3%;
    }
    .ginza06 h3{
        font-size:18px;
        text-align: left;
    }
    .ginza06 > p{
        text-align: left;
        font-size:14px;
        margin:3% 0;
    }
    .ginza06 h4{
        margin-left:0;
        font-size:16px;
    }
    .ginza06 >p.gray{
        text-align: left;
        margin:3% 0;
        font-size:12px;
    }
    .ginza06 .interview02{
        position:inherit;
        left:inherit;
        bottom:inherit;
        margin:3% 0;
    }
    .ginza06 .recommend{
        position:inherit;
        right:inherit;
        bottom:inherit;
    }
    .ginza06 .prof{
        position: inherit;
        left:inherit;
        bottom:inherit;
        width:100%;
        background:#abc53d;
        padding:3%;
    }
    .ginza06 .prof h5{
        font-weight: bold;
    }
    .ginza06 .prof p{
        font-size:12px;
    }
    .ginza07{
        background:none;
        background: #bbcbce;
        padding:5% 3%;
        width:100%;
    }
    .ginza07 h3{
        position:inherit;
        top:inherit;
        left:inherit;
        font-size:16px;
        margin-bottom:3%;
    }
    .ginza07 .fl{
        padding:0;
        width:100%
    }
    .ginza07 .fl p{
        font-size:13px;
    }
    .ginza07 .prof{
        position: inherit;
        left:inherit;
        bottom:inherit;
        width:100%;
        padding:3%;
    }
    .ginza07 .prof h5{
        font-weight: bold;
        padding-bottom:5px;
    }
    .ginza07 .prof p{
        font-size:12px;
    }
    .ginza07 .fr{
        padding:0;
        width:100%;
        line-height:1.6;
        margin-top:5%;
    }
    .ginza07 h4{
        margin-top:5%;
        font-size:16px;
    }
    .ginza07 .fr p:first-child{
        font-size:16px;
    }
    .ginza07 .fr p.purple{
        font-size:12px;
        margin:3% 0;
    }
    .herb01{
        width:100%;
    }
    .herb_seasonal{
        padding:8px 8px 8px 30px;
    }
    .ginza07 .herb_seasonal h4{
        margin-top:0;
    }
    #ginza section > p.tr{
        margin:3%;
    }
}