@CHARSET "UTF-8";
/*------------------------------------------------------------------
 responsive
------------------------------------------------------------------- */
/*iPhone*/
/* ==========================================================================
Responsive
========================================================================== */

/* portrait */
@media only screen and (orientation:portrait){
}
/* iPhone 320px */
@media only screen and (min-width:320px){
html{zoom:0.5;}
}
/* Android 360px × 1.125 */
@media only screen and (min-width:360px){
html{zoom:0.5625;}
}
/* iPhone6 375px × 117.1875 */
@media only screen and (min-width:375px){
html{zoom:0.5859;}
}
/* iPhone6 plus 414px × 1.29375 */
@media only screen and (min-width:414px){
html{zoom:0.6468;}
}

body{width: 640px;margin: 0 auto;letter-spacing:1px;font-size:100%;font-family: Roboto, 'Droid Sans', Arial,Helvetica,sans-serif;}
p{font-size:16px;line-height: 1.5em;}

/* reset-fonts
 iPhone basic = body:fz100% / p:fz16px / max:fz32px /min:fz12px 
 android for mideum sizeset = p:fz12px / max:fz20px / min:fz10px 
*/
body.android h2,body.android .feat-box .text_1,body.android #pagetop a,body.android p.costdown-type{font-size:20px;}
body.android p{font-size:12px;line-height: 1.6em;}
body.android .copy {font-size:10px;}

a:link,a:visited,a:active,a:hover{overflow:hidden;outline:none;}a{word-wrap:break-word;}a:hover{text-decoration:underline;}

/*-- home -- */

/*recode*/
#header{width:640px;height:129px;background:url(../img/cmn_img/site_logo.jpg) no-repeat 6px 16px;}

/*fonts*/
.nav-content-sp li a {font-family:MaruFoPro-R;}

/*common*/
#wrapper{position: relative;}

/*mv*/
.mv-box{width: 100%;border-bottom: 3px solid #fff;}
.mv-lunch{height:auto;}
.mv-dessert{height:auto;padding: 0;}

/*sp-header*/
.header_wrap{display: none;}
.sp-header{width: 100%;border-top: 1px solid #575757;border-bottom:1px solid #4D8E88;background: url(../img/cmn_img/bg.jpg) repeat;display: block;position: relative;}
    .sp-header h1{margin:31px 0 0 10px;}
    .btn-sp-nav{display: block;padding: 30px 0; width: 170px; float: right;}
      .btn-sp-nav a{font-weight: 600; font-size: 30px; line-height: 33px;color:#D35F1B;text-decoration: none;letter-spacing: 0;}
      .btn-sp-nav img { margin:0;}
      .btn-sp-nav img:hover { cursor: pointer;}

      .nav-content-sp{display: block;width: 100%;}
        .nav-content-sp li {margin: 0; width:100%;height:73px; border-top: 1px dashed #323131;text-align: center;}
        .nav-content-sp li:nth-child(1),.nav-content-sp li:nth-child(2),.nav-content-sp li:nth-child(3),.nav-content-sp li:nth-child(4),.nav-content-sp li:nth-child(5){background:#000;}
        .nav-content-sp li:nth-child(6) {border-top: 1px solid #323131;}
        .nav-content-sp li:first-child {border-top:none;}
        .nav-content-sp li:last-child {border-bottom: 1px solid #ddd;}
            .nav-content-sp li a {display: block;height:73px;color: #C14D13;line-height:76px;font-size:26px;text-decoration: none;}
            .nav-content-sp li:nth-child(1) a,.nav-content-sp li:nth-child(2) a,.nav-content-sp li:nth-child(3) a,.nav-content-sp li:nth-child(4) a,.nav-content-sp li:nth-child(5) a{color: #fff;letter-spacing: 0;}

        .sp-header ul {float: left;height: 0;position: relative;transition-duration: 0.5s;width: 100%;border-top: 1px solid #E5E0CE;}
            .sp-header ul li{display: none;}

        .sp-header ul.expanded{height: 890px;border-top: 1px solid #323131;}
            .sp-header ul.expanded li{display: block;}



/*box-open*/
.box-open{margin:0;width: 100%;}
    .box-open img{width: 100%;float:none;padding-right:0}
    .dejima-detail{width: 100%;float: none;}
        .dejima-detail h4{margin-top: 10px;font-size: 24px;letter-spacing: 0;}
        .dejima-detail p{font-size: 20px;}
        .detailaccess{margin-top: 7px;padding-top: 10px;border-top: 1px dashed #333;}



/*hottabs*/
.hottabs{margin: 0 auto;height: 198px;width: 100%;}
    .hottabs ul,.hottabs section{float: none;display: block;}

/*hot-box*/
.hot-box{width:640px;margin: 0 auto;border: none;border-radius: 0; height: 90px;border-bottom: 1px solid #E5E0CE;}
    .hot-box img.hot-l{width: 60px;top:58px;margin: 0 0 0 -30px;}
    .hot-news{display: none;}
    .hot-box h3{font-size: 18px;padding: 5px 0 45px;}
    /*tabs*/
    ul.tabs {height: auto;margin: 0 auto;width:100%;}
      ul.tabs li {padding: 23px 8px 16px;font-size: 18px;width: 303px;border: none;background: rgba(0, 0, 0, 0.9);border-radius: 0;border-bottom: 1px solid #666;}
      ul.tabs li:first-child {margin: 0;padding: 23px 8px 16px;border-right: 1px solid #666;width: 303px;}
      ul.tabs li.active {border-radius: 0;border-bottom: 1px solid rgba(0, 0, 0, 0.9);}
      ul.tabs li.active a {text-decoration: underline;}


/*board*/
.board {width: 100%;margin: 0 auto;padding: 16px 0 78px;border: none;background: rgba(0, 0, 0, 0.9);}
    .board h3 span{font-size: 20px;margin: 0 0 0 20px;}
    .board li h4{opacity: 0.9;background: rgba(0,0,0,1);}
    .board li img.lunch-logo{display: none;}

    /*comment-box*/
    .comment-box {z-index: 30;width: 100%;}
        .comment-box img{width: 120px;}
        .comment-box p{width: 340px;font-size: 19px;padding: 0 16px 0 18px;margin: 0 0 13px;letter-spacing: 0;}

/*lunch-box*/
    .lunch-box li{padding: 0 0 60px;}
        .lunch-box li h4{padding: 7px 0 8px;width: 306px;}
            .lunch-box .lunch-piu h4,.lunch-box .lunch-cyclo h4{bottom:2px;}
            .lunch-box .lunch-water h4,.lunch-box .lunch-branch h4{top:180px;}
            .lunch-box li h4 strong{font-size: 14px;display: block;line-height: 1.4;}
            .lunch-box li h4 span{font-size: 22px;}


/*dessert-box*/
.mv-dessert .board{background: rgba(0,0,0,0.6);}
    #dessert-box h3{margin:13px 0 25px;}
        .board h3 span{font-size: 14px;letter-spacing: 2px;}
    #dessert-box li{width: 151px;margin: 0 0 10px 1px;padding: 0 0 76px;}
        #dessert-box li h4{width: 127px;padding:10px 10px 14px;}
            #dessert-box li h4 strong{display: block;line-height: 2;font-size: 12px;}
            #dessert-box li h4 span{font-size: 10px;letter-spacing: 0;}
        #dessert-box h4{bottom:2px;}

    /*aside*/
    .leaf{top: -33px;}
        .leaf img{width: 15%;}


#home #containerT{margin: 0 auto 50px;padding: 0;}
#containerT{width:100%;margin: 10px auto 50px;}

#ind{padding: 0 2%;}

/*ad-box*/
.ad-box{width: 100%;height: auto;padding:28px 0 20px;}
    .ad-box ul{width: 96%;padding: 0 2%;}
        .ad-box li {width: 294px;float: left;margin: 0 0 10px 0;}
        .ad-box li:first-child{width:98%;margin: 0 0 10px 0;}
        .ad-box li:last-child{margin: 0 0 10px 14px;}

/*box-shop*/
#box-shop{margin: 0 0 20px;}
#ind h2#tit-shop {height: 33px;margin: 0 0 20px;width: 99%;}

#ind #box-shop ul { width: 100%;margin: 0 auto 30px;}
    #ind #box-shop ul li{ margin:0 0 10px 1%;width: 200px;}
        #ind #box-shop ul li:first-child,#ind #box-shop ul li:nth-child(4){margin: 0;}
        #ind #box-shop ul li img{width: 100%;}
        #box-shop p#newopen {top: 188px;left:130px;}

#ind #contentsL{ width:100%;height: auto;margin: 0 0 50px;}
    .mb10{padding: 0;}
    .mb10 img.w15p {width: 9% !important;}
    #blog .w45p {width: 28% !important;}

/*news*/
#ind #contentsL #news{ width:100%; height:375px; float:none; margin:0 0 30px;height: 350px;overflow: scroll;font-size:18px;}
    #news .line{ width: 96%; padding:0;display: block;margin: 4px 3% 0;}
    #news .c01 {font-size:20px;}
    #news a {color:#d05d18; text-decoration:none;display: block;margin: 0 0 4px;}
    #news a:hover{ text-decoration:underline;}



/*blog*/
#contentsL #blog, #box-blog, #blogFeed,#bnrs ul { width: 100%;height: auto; }
#blog h3 {margin: 0 0 10px;}
#blogFeed .line { width: 100%;padding: 16px 0;height: auto;}
    #blogFeed .time,#blogFeed .title {margin: 0 3% 10px;}
    #blogFeed .time {font-size: 12px;}
    #blogFeed .title {font-size: 20px;}
    #blogFeed .descript{letter-spacing: 1px;margin: 0 3%;font-size: 13px;line-height: 1.3;}
    #blogFeed .new {top: 9px;}



#bnrs ul {margin: 50px 0 0;}
    #bnrs ul li {float: none;margin: 0 47px 30px;width: 500px;}
    #bnrs ul li:first-child {margin: 0 47px 30px;}
    #bnrs ul li a{display: block;}
    #bnrs ul li a img{margin: 0 auto;}


/*footer*/
#footer #inner {width: 100%;}
    #footer #inner #fmn {width: 357px;top:50px;}



/*-- shop -- */

#headerF{display: none;}
#containerF{ width:100%; margin:0px auto 30px; padding:0;}
#contentsL,#contentsR{ width:100%; float:none;}

#shop #contentsL h2{margin: 0 0 0 -47px;top:20px; left:50%;}

#shop .shop-tl{margin: 40px 0 36px;}
#shop #c01 p#c02,#shop #c01 p#c03 {width: 94%;}


/*todays-lunch*/
.board h3{font-size: 34px;}
.todays-lunch{margin: 0 0 3%;}
    .todays-lunch h4,.todays-lunch p,.lunch-img-box,.todays-lunch ul{float: none;}
    .todays-lunch h4,.todays-lunch p{width: 100%;}
    .todays-lunch h4{margin: 0 0 30px;padding: 11px 0 12px;font-size: 25px;line-height: 1.3;}
    .lunch-img-box{margin: 0 0 17px;width:99.5%;border: 1% solid rgba(254, 241, 0, 0.9);height: auto;display: block;}

    .todays-lunch img{width: 100%}
    .todays-lunch p {margin: 0 0 10px;font-size: 40px;}
    small{font-size: 24px;}
    .todays-lunch ul {width: 100%;}
        .todays-lunch ul li {width:33%;padding: 0;display: inline-block;font-size: 20px;}
        .todays-lunch ul li.drinkbar{margin: 20px 0 0;width: 100%;font-size: 16px;border-bottom: 1px dashed #D1CB7B;padding: 0 0 40px;}

    /*lunch-menu*/
    ul.lunch-menu{padding: 20px 3% 15px;}
        ul.lunch-menu li{width: 197px;padding:0;}
        ul.lunch-menu li.thisweek{padding: 8px 0 0 43px;width: 154px;}
            ul.lunch-menu li h5{font-size: 13px;padding: 3px 0 2px;}
            #contentsL ul.lunch-menu li img{width: 193px;}
            ul.lunch-menu li span{font-size: 16px;}


/*dessert-box*/
#shop #dessert-box{margin: 0 3%;}
    #shop #dessert-box ul{width:100%;}
        #shop #dessert-box ul li {width: 32.6%;padding: 0 0 57px;margin: 0 0 12px;}
            #shop #dessert-box li img{width: 97%;margin: 3px auto;}
            #shop #dessert-box li h4{padding: 10px 0;width:100%;}
#shop #dessert-box h3{font-size: 22px;}
#shop #dessert-box h3 strong{font-size: 36px;}
    #shop .lunch-box #dessert-box li h4 span{margin: 0;}
    #shop .lunch-box #dessert-box li h4 span span{font-size: 10px;}


/*shop-break*/
.shop-tl{font-size: 54px;}
.shop-break{border-top: none;border-bottom: none;}
.shop-info{font-size: 56px;}

/*shop-info*/
#slideshow {height:373px; }
#shop01 #c01,#shop02 #c01,#shop03 #c01,#shop04 #c01,#shop05 #c01,#shop06 #c01{  width:600px;padding: 20px;}
#c02{font-size: 22px;}
#shop .c04{padding:30px 25px 20px; width:100%;}
    #shop .c04 dl dd{margin:0 0 30px 0; width:470px;}
    #shop .c04 dl dt{ width:130px; left:-25px; top:-9px;}

.tel-num{line-height: 1.7;}
    .tel-num span{font-size: 54px;}
#shop #c05{ width:580px; height:410px;margin: 0;}
#c05 iframe{width:580px;}
.gmap{font-size: 16px;letter-spacing: 0;}

#ind {padding: 40px 2%;}
   #ind h2#tit-shop {width: 99%;}
   #ind #box-shop ul{margin: 0;}

#shop05 #contentsL h2,#shop04 #contentsL h2,#shop06 #contentsL h2{margin: 0 0 0 -97px;}

/*dinner-box*/
#dinner-box ul{margin: 0 3%;width: 94%;}
    #dinner-box ul li {width:100%;padding: 0 0 98px;margin: 0 0 10px;}
        #dinner-box li img{width: 99%;border-radius: 1px;}
        #dinner-box li h4, #dinner-box li p{width:96%;}
        #dinner-box li h4{font-size: 20px;}
        #dinner-box li h4 span{margin: 10px 0 0 0;}


.coda-slider-wrapper .coda-slider {width: 640px;}
.coda-slider-wrapper .coda-nav a {width:120px;}
.c09{width: 78%;padding: 2%;}
#party_plan #b09,#party_plan .mb20,#party_plan #b05{width: 100%;}
#party_plan #b11{width: 100%;height: 1403px;}
#party #party_plan #b11{height: 401px;}
#party_plan #b07{width: 100%;height: 440px;}
#shop03 #party_plan #b07{height: 455px;}
#party #party_plan #b07{height: 456px;}
#party_plan #b17{width: 100%;height: 1183px;}
#party_plan #b17{height: 1106px;}
#party_plan .inner{ width:96%;padding: 30px 2%;}
#b11 p.mb30{font-size: 13px;}
#party_plan #b11 .b18,#party_plan #b17 .b18,#party_plan #b24 .b25{ width:189px; height:430px;border: none;}
#party_plan .inner p#foodchoice,#party_plan .inner .b26 p{font-size: 10px;}
#party_plan .inn dl{ width:156px;}
#party_plan .inn dl dt{ width:26px; font-size:10px;}
#party_plan .inn dl dd,#party_plan #b24 .b25 .inn dl dd { width:124px;font-size:10px;}
#party_plan .inner p.mb15.ml30{font-size: 9px;}
#party_plan p.imgor{ width:40px; height:42px;background-size: 90% auto;}
#party_plan .b19,#party_plan .b26{ width:586px;padding:0 0 15px 0;margin: 10px 0 0 0;}
#party_plan .inn{ padding:15px 0;}
#party_plan .inn div.tit{ width:580px;}
#party_plan .inn p{font-size: 13px;}
#party_plan .inner p{font-size: 13px;}
#party_plan #b11 table .b20,#party_plan #b11 table td,#party_plan #b11 table th,#party_plan #b17 table .b20,#party_plan #b17 table td,#party_plan #b17 table th{font-size: 10px;}
#gallery01,#gallery03,#gallery05,#party_plan ul.photos,#party_plan #b12,#shop05 .c11,#shop06 .c17,#shop05 .c06,#party_plan #b23,#party_plan #b08,#party_plan #b15{ width:610px;}
#party_plan ul.photos li{ width:78px; margin:0 10px 10px 0;}
#party_plan ul.photos li:nth-child(7){margin:0 0 10px 0;}
.ws-txt{font-size: 13px;padding: 16px 0 0;}
#party_plan #b12 p,#shop05 .c11 p,#shop06 .c17 p,#party_plan #b08 p,#party_plan #b23 p{ font-size:11px;letter-spacing: 0;line-height: 1.4;}
#shop05 .mt35{width: 400px;}
.c09 p.mb100{margin: 0 0 30px;}
.c09 p.mt100{margin: 30px 0 0;}
.c09 p.right{width: 318px;}
#shop05 .c11 span,#shop06 .c17 span{ font-size:15px;}


.c09 div.left,.c09 div.right{width: 49%;}
#shop06 .c18{ width:96%; height:324px; padding:10px 2%;}
#shop06 .c18 p{ font-size: 12px;}


#party_plan #b07 table{ width: 594px;}
#party_plan #b07 table p,#party_plan #b07 table td,#party_plan #b07 p.tit{ width:273px;}
#party_plan #b07 table p,#party_plan #b07 p.tit{ font-size: 13px;letter-spacing: 0;}
#party_plan #b07 table td.plus{ width: 35px;background-size: 40% auto;background-position: 8px center;}
#party_plan .option{ width:560px;margin: 10px 0 0;}
#party_plan .option img{ margin:0 13px 20px 0;}

.option p{font-size: 13px;}


#ecjump a{display: block;}
#ecjump a img{width:100%;}


#shop01 .cls{ width: 540px;padding:30px 25px 20px; margin:0 0 10px 0;}
#shop01 .cls p,#shop01 .cls ul li{ font-size: 14px;text-align: left;}
#shop01 .cls a{ font-size: 22px;}
#shop01 .cls ul{ width: 447px;}
#shop01 .cls ul li{ margin: 0 0 20px;}

#shop #c01 p#c03{ font-size:14px;}

#contentsL img.menu-img{width: 93%;}


/*-- coffee -- */
#coffee #c01,#coffee .c02,#about #c01,about .c02,#about #c03 ul,#recruit #c02,#recruit #c02 dl.c04,#recruit #c02 dl.c06,#recruit #c02 dl.c05,#recruit .c08,#recruit .c09,#recruit #c14  { width:590px;}
#coffee .c09{width: 462px;}
#c01 .mb20 img,#recruit #c14 p img{width: 100%;}

/*-- about -- */
{ width:590px;}
#about #c03 ul li:first-child{ margin: 0;}
#about #c03 ul li.end{ margin:0;}
#about #c03 ul li.c04{ margin:0 16px;}

/*-- recruit --*/
#recruit #c02 dl.c04 dd{font-size: 14px;letter-spacing: 0;line-height: 1.5;}
#recruit #c02 dl.c05{ margin:0 0 20px 0; }
#recruit #c02 dl.c05 dt{ width:67px; margin:0 0 12px 0;}
#recruit #c02 dl.c05 dd{ width:524px; font-size: 14px;letter-spacing: 0;}
#recruit #c02 dl.c05 p{ width:580px;}
#recruit .c09{padding:105px 0 20px; }
#recruit .c09 p,#recruit .c05 p,#recruit #c14 div.c16 p{font-size: 13px; }
#recruit #c02 dl.c06{height:34px; margin:0 0 25px 0;}
#recruit #c14 div.c16,#recruit #c14 div.c17{float: none;width: 600px;}
#containerF #recruit .w15p{width: 15%;}
#containerF #recruit .w40p{width: 40%;}


/*-- party --*/
#party #c01{ width:96%; padding:2%;}
#party_plan #b24{width:100%; margin:30px 0 20px 0;}
#party_plan .b30,#party_plan .right,#party_plan .left{ width:100%; float:none;text-align: center;margin: 0 auto 10px;}
#party #contentsL #party_plan .plan-list3 a img,#party #contentsL #party_plan .plan-list2 a img,#party #contentsL #party_plan .plan-list4 a img,#party #contentsL #party_plan .plan-list5 a img{ width:20%;}
#party_plan p.shoplink{ display: none;}
#party_plan #b05{ width:618px;}
#party_plan #b06{ width:528px;}
#party_plan #b10,#party_plan #b16 { width:460px;letter-spacing: 0;top:48px;left: 138px;}
#party_plan span.sp-tel{ font-size:15px;}
#containerF #party .w35p{width: 50%;}

/*-- party add 2015.2.12 --*/
.area#party #c01{ width:100%; padding:2%;}
.shop-navi li{	width:270px;float:left;border: 1px solid #CCC;margin: 0 0 10px 0;}  
.shop-navi li img{	width:270px;}  
#shop-info .text_2{font-size: 24px;font-weight: 600;}






/*-- contentsR -- */
#contentsR #title,#contentsR ul{display: none;}
    #contentsR h4 {border-top: 1px solid #ccc;padding: 30px 0;margin: 30px 0 0;}
    #contentsR h4 a {width: 70%;margin: 0 auto;display: block;}

#fbk,#fbk iframe{width:100%; height: 268px;}
#fbk{ border-bottom: 1px solid #ccc;margin: 0 auto;}

#contentsR #blog{width: 94%;margin: 0 3% 40px;}
#contentsR h3,#box-column{width: 45.5%;float: left;}

#contentsR #blog h3{margin: 0 0 10px;width: 80%;float: none;}
#contentsR #blog img{width: 65px;}
#blog #btn{ top:-10px; right:0;}
#contentsR #blog #btn img{width: 100px;}
#contentsR #blogFeed .line { padding:10px 0 10px 0;height: auto; }
#blogFeed .descript { font-size: 15px;}
.recruit-img{margin: 16px 0 0;display: block;}

#box-column{margin: 0 3%;}