html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {    margin:0;    padding:0;    border:0;    outline:0;    font-size:100%;    vertical-align:baseline;    background:transparent;}body {    line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}nav ul {    list-style:none;}blockquote, q {    quotes:none;}blockquote:before, blockquote:after,q:before, q:after {    content:'';    content:none;}a {    margin:0;    padding:0;    font-size:100%;    vertical-align:baseline;    background:transparent;}ins {    background-color:#ff9;    color:#000;    text-decoration:none;}mark {    background-color:#ff9;    color:#000;     font-style:italic;    font-weight:bold;}del {    text-decoration: line-through;}abbr[title], dfn[title] {    border-bottom:1px dotted;    cursor:help;}table {    border-collapse:collapse;    border-spacing:0;}hr {    display:block;    height:1px;    border:0;       border-top:1px solid #cccccc;    margin:1em 0;    padding:0;}input, select {    vertical-align:middle;}:root {--font_mplusrounded1c: 'M PLUS Rounded 1c', sans-serif;--font_mplus1p: 'M PLUS 1p', sans-serif;--font_notoserifjp: 'Noto Serif JP', serif;--font_oswald: 'Oswald',sans-serif;--font_notoserifjp: 'Noto Serif JP', serif;}body {font-size:14px;line-height:1.7em; color:#444;background:#fff;margin:0 0 0 0;padding:0 0 5px 0;}body * { line-height:1.6em; }html{height:auto;-webkit-text-size-adjust: 100%;}body{  overflow:-moz-scrollbars-vertical;}html:first-child body{padding-bottom:1px;height:auto; }* { box-sizing: border-box; }.clearfix { zoom:1;}.clearfix:after { content: ""; display: block; clear: both; }.opacity50 { opacity: .50;filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)";-khtml-opacity: .50;-moz-opacity: .50;}@keyframes fadeIn {0% { display:none; opacity: 0}1% { display:block; opacity: 0}100% { display:block; opacity: 1}}@-webkit-keyframes fadeIn {0% { display:none; opacity: 0}1% { display:block; opacity: 0}100% { display:block; opacity: 1}}@keyframes fadeOut {0% { display:block; opacity: 1}1% { displa:block; opacity: 1}100% { display:none; opacity: 0}}@-webkit-keyframes fadeOut {0% { display:block; opacity: 1}1% { display:block; opacity: 1}100% { display:none; opacity: 0}}.fadein {animation: fadeIn 1s ease 0s 1 normal forwards;-webkit-animation: fadeIn 1s ease 0s 1 normal forwards;}.fadeout {animation: fadeOut 1s ease 0s 1 normal forwards;-webkit-animation: fadeOut 1s ease 0s 1 normal forwards;}.noselect {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none;}.noselect {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none;}:placeholder-shown { color: #aaa; }::-webkit-input-placeholder { color: #aaa; }:-moz-placeholder { color: #aaa; opacity: 1; }::-moz-placeholder { color: #aaa; opacity: 1; }:-ms-input-placeholder { color: #aaa; }div.help { margin:0.5em 0; }div[class^="helpbox"] { background:#ffb; color:#222; border:1px solid #dd0; overflow:hidden; margin:0.5em 0; padding:0; font-size:12px; font-weight:normal; line-height:1.5em; }div[class^="helpbox"] .inner { display:block; text-align:left; font-size:14px; line-height:1.5em; margin:0.5em; }div[class^="helpbox"] .inner a { color:#00c; text-decoration:underline; }div[class^="helpbox"] .inner a:hover { color:#f00; }div[class^="helpbox"] .inner p.title { font-weight:bold; font-size:1em; margin:0.7em 0; }#showhidehelp { margin:0 0 1em 0; }.helpicon { display:inline-block; border:1px solid #cc0; width:1.5em; height:1.5em; text-align:center; line-height:1.5em !important; font-size:14px; font-weight:normal; background:#fe0; color:#000; padding:0; margin:0;  -webkit-border-radius: 1em;-moz-border-radius: 1em;border-radius: 1em;}.helpaction .helpicon { cursor:pointer; }div#popup { position:fixed; top:0; left:0; width:100vw; height:100%; z-index:101; display: flex;  justify-content: center; align-items: center;color:#f00; background-color:rgba(0,0,0,0.5);    backdrop-filter: blur(5px);    -webkit-backdrop-filter: blur(5px);  }div#popup img#popupclosebutton { position:fixed; width:50px; z-index:101; }div.popupinner { display:block;max-height:calc(100vh - 200px); overflow:auto; overscroll-behavior:auto;max-width:90%; color:#eee; padding:30px 30px; background-color:rgba(0,0,0,0.5);font-size:12px; line-height:1.5em; position:relative;z-index:100;}div#popup div#popupbox img#popupimg { width:100%; object-fit: contain; font-family: 'object-fit: contain;'; z-index:300; cursor:pointer; margin:0 auto; }div.popupinner span.closebutton { display:inline-block; font-size:20px; float:right; }* { margin:0; padding:0; }p,ul,li,form,input,textarea { font-size:1em;}p {font-size:1.1em;line-height:1.7em; margin:1em 0; }.clear { clear:both; }.clearl { clear:left; }.clearr { clear:right; }.red { color:#f00; }.green { color:#0c0; }.orange { color:#f70; }.gray { color:#aaa; }.b { font-weight:bold !important; }.l { font-size:1.2em; }.linethrough { text-decoration:line-through; }.small { font-size:0.85em; }.new { color:#f00; font-size:0.85em; }.center { text-align:center; }.v0 { display:none !important; }.v1 { }.strong { font-weight:normal; }strong { font-weight:inherit; }.strike { text-decoration:line-through; }hr { clear:both;width:100%;margin:5 0 5 0px;border:0px;color:#ccc; background-color:#ccc; height:1px; }hr.pagebreak { display:none; }.redicon { white-space: nowrap; text-align:center; display:inline-block; background:#f00; color:#fff; font-size:0.9em; padding:0em 0.3em; }.orangeicon { white-space: nowrap; text-align:center; display:inline-block; background:#f90; color:#fff; font-size:0.9em; padding:0em 0.3em; }.greenicon { white-space: nowrap; text-align:center; display:inline-block; background:#0a0; color:#fff; font-size:0.9em; padding:0em 0.3em; }.blueicon { white-space: nowrap; text-align:center; display:inline-block; background:#77d; color:#fff; font-size:0.9em; padding:0em 0.3em; }.grayicon { white-space: nowrap; text-align:center; display:inline-block; background:#aaa; color:#fff; font-size:0.9em; padding:0em 0.3em; }.blackicon { white-space: nowrap; text-align:center; display:inline-block; background:#444; color:#fff; font-size:0.9em; padding:0em 0.3em; }.yellowicon { white-space: nowrap; text-align:center; display:inline-block; background:#fe0; border:1px solid #cc0; color:#000; font-size:0.9em; padding:0em 0.3em; }.left { text-align:left; }.right { text-align:right !important; }.underline { text-decoration:underline; }.overflowhidden { overflow:hidden; }.linethrough { text-decoration: line-through; }.dummypassword { visibility:hidden; position:absolute; top: -300px; left: -300px; }.noclear { clear:none; }.fs15em { font-size:1.5em; }.greenbar { background:#0b0; display:block; color:#fff; line-height:1.2em; font-size:1.2em; margin:0.5em 0 1em 0; padding:0.5em 0.5em 0.4em 0.5em; }.redbar { background:#f00; display:block; color:#fff; line-height:1.2em; font-size:1.2em; margin:0.5em 0 1em 0; padding:0.5em 0.5em 0.4em 0.5em; }.redbar a.button_large { margin:0.5em 0 0 0; }@media only screen and (max-width: 640px)  {.br { display:block; }}.tac { text-align:center !important; }.tar { text-align:right !important; }.tal { text-align:left !important; }a { color:#444 }a:hover { color:#f00 }ul,ol { margin:0 0 0 10px; padding:0 0 0 10px; }li { margin:0px; line-height:1.7em}tr,td { vertical-align:top; }form,input,select,option,textarea { font-size:1em; }label { cursor:pointer; margin:0 0.5em 0 0; }.pointer { cursor:pointer; }.cursorpointer { cursor:pointer; }.imgr { float:right; margin:0 0 2em 3em; width:40%; }.imgr img { width:100%; margin:0 0 1em 0 ; }.morebutton { display:block; text-decoration:none; margin:2em auto 0 auto; width:13em; padding:0.3em 0em; background:#c2b09d; color:#fff; cursor:pointer; text-align:center; }.morebutton:hover { background:#523928; color:#fff; }div#testmodebar { position:fixed; bottom:2.5em; left:1em;  z-index:100; }div#testmodebar div { font-size:1em; width:100%; text-align:center; background:#c00;color:#fff;line-height:1.7em; z-index:100; padding:0.3em 1em; }div#testobj { position:fixed; left:1em; bottom:10px; z-index:100; }div.status0 { line-height:1.3em; width:6em; padding:1px 5px; margin:10px 20px 0 0; background:#c00; color:#fff; text-align:center; font-size:0.9em; float:left; }div.status1 { line-height:1.3em; width:6em; padding:1px 5px; margin:10px 20px 0 0; background:#0b0; color:#fff; text-align:center; font-size:0.9em; float:left; }div.status0comment { clear:left; display:block; font-size:0.9em; margin:30px 0 0px 0; line-height:1.4em; }table.stageiconchart { margin:5px 0 5px 0; }table.stageiconchart td { border:0 !important; padding:2px 5px !important; background:#eee; }table.stageiconchart .stageicon { text-align:center; margin:0 0px 0 0; float:left; }.stageicon1 { padding:1px 10px; color:#fff; background:#875 !important; font-size:0.8em; }.stageicon2 { padding:1px 10px; color:#fff; background:#bbb !important; font-size:0.8em; }.stageicon3 { padding:1px 10px; color:#fff; background:#db4 !important; font-size:0.8em; }.stageicon4 { padding:1px 10px; color:#fff; background:#998 !important; font-size:0.8em; }ul.stagenotes  { list-style-type:none; margin:0 0 0 1em; padding:0; }ul.stagenotes li { text-indent:-1em; }#front input[type='tel'] { border:1px solid #ccc; padding:0.1em; }#front input[type='tel'].text { border:1px solid #ccc; padding:0.1em; }#front input[type='text'] { border:1px solid #ddd; padding:15px 10px; }#front input[type='text'].text { border:1px solid #ddd; padding:15px 10px; }#front textarea { border:1px solid #ddd; padding:10px; line-height:1.5em; width:95%; }#front input[type='text'].zip { width:5em; margin-right:0.2em; }#front select.address1 { width:5em; margin-right:0.4em; }#front input[type='text'].address2 { width:calc( 100% - 5em - 5em - 1em ); }#front input[type='text'].name { width:100%; }#front input[type='text'].phone { width:100%; }#front input[type='text'].fax { width:50%; }#front input[type='text'].birth { width:8em; margin-right:1em; }#front input[type='text'].email:first-child { width:100%; margin-bottom:0.2em; }#front input[type='text'].email { width:100%; }#front input[type='text'].allergy { width:100%; }#front input[type='text'].newid { width:100%; }#front input[type='text'].newpass { width:100%; }#front input[type='password'] { border:1px solid #ccc; padding:0.1em; background:#f0f0f0; }#front input[type='password'].newpass { width:100%; }#front div.addresslistbox { margin:0.5em 0 0 0; }#front input[type="checkbox"] { cursor:pointer; }#front input[type="checkbox"][disabled] { cursor:default; }select.exp { max-width:8em; }input.security_code { max-width:8em; }input.card_no { width:100%; }input.card_owner { width:100%; }.fleft { float:left; }h1,h2,h3,h4,h5,h6,form,input,select { margin:0px; }h1 { margin:0.6em 0 0 0; padding:0; line-height:1.5em; font-size:2.3em; }h2 { margin:2em 0 1.5em 0; padding:0em 0 0 0; font-size:calc( 1.7em + 1vw ); font-weight:normal; line-height:1.4em; clear:both; font-family:var(--font_notoserifjp); }#front h2 { text-align:center; }#front h2:first-of-type { margin-top:2em; }#front h2.nb { border:none; }h3 { margin:1.5em 0 1em 0; padding:0; font-size:1.5em; font-weight:normal; line-height:1.3em; }h4 { margin:1.5em 0 0.5em 0; padding:0; font-size:1.2em; font-weight:normal; line-height:1.3em; }p { line-height:2em;  }.catchtitle { margin:3em 0 1em 0; font-size:2em; text-align:center; }input.button { font-size:1em; padding:0.5em; line-height:1.5em; padding:0.8em 2em; -webkit-appearance: none;}a.button_small { display:inline-block; font-size:1em; padding:0.3em 3em; line-height:1.3em; text-decoration:none; color:#000; }a.button_large { width:100%; display:block; text-align:center; font-size:1.2em; padding:0.3em 3em; line-height:2em; text-decoration:none; color:#000; }input[type="text"]  { border:0; position:relative; vertical-align:top; margin: 2px 4px 2px 0; *margin-right:3px; top:0px; line-height:1.6em; font-size:1.2em; padding:0.10em 0.30em 0.00em 0.30em; height:1.6em; }input[type="password"]  { border:0; position:relative; vertical-align:top; margin: 2px 4px 2px 0; *margin-right:3px; top:0px; line-height:1.6em; font-size:1.2em; padding:0.10em 0.30em 0.00em 0.30em; height:1.6em; }select  { border:0; position:relative; vertical-align:top; margin: 2px 4px 2px 0; *margin-right:3px; top:0px; line-height:1.8em; font-size:1.0em; padding:0.15em 0.30em 0.40em 0.30em; height:2.0em; border-radius: 0;-webkit-appearance: none;background: -moz-linear-gradient(top, #fff, #aaa); background: -o-linear-gradient(top, #fff, #aaa); background-image: -webkit-gradient(linear,left bottom, left top, from(#aaa), to(#fff));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#aaaaaa))"; zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffffff,endColorstr=#ffaaaaaa);  background: linear-gradient(to bottom, #fff, #aaa);}textarea  { border:0; position:relative; vertical-align:top; margin: 2px 4px 2px 0; *margin-right:3px; top:0px; line-height:1.3em; font-size:1.2em; padding:0.30em 0.30em 0.30em 0.30em; }input[type="button"]:disabled { color:#aaa; background:#ccc;  }input[type="submit"] { padding:1em 3em; font-size:1.2em; border:0; margin:2em 0 2em 0; background: -moz-linear-gradient(top, #fff, #aaa); background: -o-linear-gradient(top, #fff, #aaa); background-image: -webkit-gradient(linear,left bottom, left top, from(#aaa), to(#fff));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#aaaaaa))"; zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffffff,endColorstr=#ffaaaaaa);  background: linear-gradient(to bottom, #fff, #aaa);}input[type="submit"]:active { background: -moz-linear-gradient(top, #888, #eee); background: -o-linear-gradient(top, #888, #eee); background-image: -webkit-gradient(linear,left bottom, left top, from(#eee), to(#888));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#eeeeee, endcolorstr=#888888))"; zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffeeeeee,endColorstr=#ff888888);  background: linear-gradient(to bottom, #888, #eee);}.button_orange { cursor:pointer; color:#fff; border:0;  display:inline-block; margin:0 auto; text-decoration:none; background-image: -webkit-gradient(linear,left bottom, left top, from(#fe951f), to(#ffc880));}.button_orange:hover { color:#fff; background-image: -webkit-gradient(linear,left bottom, left top, from(#f18000), to(#ff9d2f));}.button_gray { display:inline-block; cursor:pointer; border:0; text-decoration:none; color:#000 !important; padding:0.1em 1em; margin-right:1px; background-image: -webkit-gradient(linear,left bottom, left top, from(#bbbbbb), to(#eeeeee));}.button_gray:hover {background-image: -webkit-gradient(linear,left bottom, left top, from(#999999), to(#dddddd));}.button_gray0 { display:inline-block; cursor:default; border:0; padding:0.1em 1em; margin-right:1px; color:#999; background-image: -webkit-gradient(linear,left bottom, left top, from(#aaaaaa), to(#eeeeee));}input[type="tel"] { line-height:1em; }input[type="text"] { line-height:1em; }input[type="password"] { line-height:1em; }#admin input { background:#fff; }#admin textarea { background:#fff; }#admin input[type="submit"] { padding:0.2em 0.8em; border:0; margin:0px 0px 2px 0; text-decoration:none; color:#000; background-image: -webkit-gradient(linear,left bottom, left top, from(#bbb), to(#eee));border:1px solid #bbb; cursor:pointer; color:#000; }#admin input[type="submit"]:hover { padding:0.2em 0.8em; border:0; margin:0px 0px 2px 0; text-decoration:none; color:#000; background-image: -webkit-gradient(linear,left bottom, left top, from(#ccc), to(#fff));border:1px solid #bbb; cursor:pointer; color:#000; }#admin input[type="submit"][disabled] { padding:0.2em 0.8em; border:0; margin:0px 0px 2px 0; text-decoration:none; color:#bbb !important; line-height:1.5em !important; background:#eee; border:1px solid #ddd; cursor:default;}#admin input[type="button"] { padding:0.2em 0.8em; border:0; margin:0px 0px 2px 0; text-decoration:none; color:#000; background-image: -webkit-gradient(linear,left bottom, left top, from(#ccc), to(#fff));border:1px solid #bbb; cursor:pointer; color:#000; }#admin input[type="button"]:hover { background-image: -webkit-gradient(linear,left bottom, left top, from(#ddd), to(#fff));}#admin input[type="button"][disabled] { padding:0.2em 0.8em; border:0; margin:0px 0px 2px 0; text-decoration:none; color:#999 !important; background:#bbb; border:1px solid #aaa; cursor:default;}#admin a.button { padding:0.3em 0.8em; border:0; margin:0px 0px 2px 0; text-decoration:none; color:#000; background-image: -webkit-gradient(linear,left bottom, left top, from(#bbb), to(#fff));border:1px solid #bbb; }#admin span.button { display:block; padding:0.3em 0.8em; border:0; margin:0px 0px 2px 0; text-decoration:none; color:#aaa; background-image: -webkit-gradient(linear,left bottom, left top, from(#bbb), to(#fff));border:1px solid #bbb; }span.newicon { background-color:#f00; color:#fff !important; font-weight:bold; font-family:arial; font-size:0.8em; padding:0px 2px;  }div.nojavascript { background:#2b2b2b; color:#fff; padding:20px; text-align:left; }div.nojavascript span.notice { background:#f00; color:#fff; padding:1px 10px; margin:0 10px; text-align:left; }div.oldbrowser { background:#2b2b2b; color:#fff; padding:10px 20px; text-align:left; }div.oldbrowser span.notice { background:#f00; color:#fff; padding:1px 10px; margin:0 10px; text-align:left; }div.oldbrowser a { color:#aaf; }a.incart { float:right; position:fixed; bottom:calc( 2vw + 50px + 5px ); right:2vw; width:50px; height:49.9px; z-index:99; }a.incart img { width:100%; }a#totop { font-size:1.5em; line-height:1em; padding:0; cursor:pointer; color:#fff; border:0; text-decoration:none;text-align:center; z-index:99;width:2.5em; height:2.5em; position:fixed; bottom:4em; right:0.5em; background-image:url(/_images/button_totop.png);background-size:cover; }a#callbutton span { display:none; }a#callbutton { font-size:1.5em; line-height:1em; padding:0; cursor:pointer; color:#fff; border:0; text-decoration:none;text-align:center; z-index:99;width:2.5em; height:2.5em; position:fixed; bottom:1em; right:0.5em; background-image:url(/_images/button_call.png);background-size:cover; }a#callbutton span { display:none; }.intro { margin:10px 0; }ul.intro { margin:10px 0 10px 0.5em; }.note { margin:5px 0 0 0; font-size:0.85em; line-height:1.3em; }div.body { clear:both; width:100%; }img.imgr { margin:0 0 10 10px; }.fl { float:left; margin:0 2em 1em 0; display:block; }.fr {float:right;  margin:2em 0 2em 0em; display:block; width:45%; border-left:3em solid #fff; max-width:400px; }.fl img { display:block; }.fr img { display:block; }.caption { display:block; font-size:0.8em; line-height:1.5em; margin:0.5em 0 0 0; }.str { color:#f00;font-weight:900 }.linethrough { text-decoration:line-through; }.gold { color:#dfc46d; }.colorbefore { color:#a14bec; }.colormen { color:#7084fc; }.colorokyu { color:#ff7700; }.colormultivitamin { color:#e25790; }ul.pk { list-style-type:none; font-size:1em; margin:1em 0 0em 0; padding:0 0 0px 0px; line-height:1.3em; }ul.pk li { display:inline-block; font-size:1em; line-height:1.3em; vertical-align:middle; }ul.pk a { font-size:inherit; line-height:inherit; vertical-align:middle; }div.errormessage { font-size:1em; color:#ff0000; }#front .socialbuttons { margin:13px 0 10px 0; }ul.socialbuttons { position:relative; bottom:1.5em; margin:0; padding:0;  text-align:center; }ul.socialbuttons li { display:inline-block; margin:0; list-style-type:none !important; }ul.socialbuttons a { width:7em; text-align:center; text-decoration:none; display:inline-block; font-size:0.8em; line-height:1.5em; margin:0 2px 2px 0; padding:0.2em 0.7em 0em 0.7em; border:1px solid #aaa; color:#fff; }ul.socialbuttons a.facebookshare { background:#4267b2; color:#fff; }ul.socialbuttons a.twitter { background:#1c95e0; color:#fff; }ul.socialbuttons a.line { background:#00b833; color:#fff; }ul.socialbuttons a.hatena { background:#01a4de; color:#fff; }ul.socialbuttons a.google { background:#fafafa; color:#a00; }div.campaign_papa { cursor:pointer; margin:0 0 1em 0; }div.campaign_papa h3 { font-size:1.8em; background:#4456a5; font-weight:bold; color:#e7c796; line-height:1.3em; margin:0; padding:0.3em 0.5em; }div.campaign_papa h4 { font-weight:bold; margin:1em 0 0.5em 0; padding:0; }div.campaign_papa div.sub { background:#7184fc; font-size:1em; line-height:1.3em; font-weight:bold; color:#fff; padding:0.5em 0.8em; }div.campaign_papa div.details1 { line-height:1.5em; padding:0em 1.5em 1.5em 1.5em; background:#c6d9ff; overflow:hidden; }div.campaign_papa div.details1 img { float:left; margin:1.2em 1em 1em 0; width:30%; max-width:90px; }div.campaign_papa div.details2 { line-height:1.5em; padding:0em 1.5em 1.5em 1.5em; background:#c6d9ff; overflow:hidden; }div.campaign_papa div.pulldown { width:5em; background:#7184fc; font-size:1em; font-weight:bold; color:#fff; padding:0.1em 0.8em; text-align:center; margin:0 auto; }span.campaign_papa { display:inline-block; font-size:0.9em; background:#4456a5; font-weight:bold; color:#e7c796; line-height:1.2em; margin:0; padding:0.3em 0.5em 0.3em 0.1em; }div.newpapa { text-align:center; background:#6f80ff; color:#fff; font-size:1.1em; line-height:1.3em; padding:0.3em 1em; margin:0.5em 0 1em 0; }div.newmultivitamin { font-size:1.2em; text-align:center; background:#f45398; color:#fff; line-height:1.3em; padding:0.3em 1em; margin:0em 0 1em 0; }div.newmama { font-size:1.2em; text-align:center; background:#a14bec; color:#fff; line-height:1.3em; padding:0.3em 1em; margin:0em 0 1em 0; }footer { clear:both; background:url(/_images/headerbg.jpg); background-size:100% 100%; padding:0em 0 2em 0; color:#fff; width:100%; }footer a.footerlogo { width:25%; max-width:150px; display:block; margin:2em auto 2em auto; }footer a.footerlogo img { width:100%; }footer div.cr { text-align:center; margin:0px 0 0 0; font-size:0.75em; line-height:1.5em;  }footer div.cr div.menu3 { margin:0 0 1em 0; font-size:1.25em; }footer a.crafz { clear:left; display:block; margin:0.5em 0 0 0; font-size: 0.8em; color:#aaa; text-decoration:none; }footer div#footermenublock { background:#352414; height:3em; overflow:auto; padding:0em 0 0em 0; margin:0 0 2em 0; }ul.footermenu { margin:2em 0 0 0px; padding:0; list-style-type:none; width:100%; }ul.footermenu a { display:block; text-decoration:none; color:#eee; }ul.footermenu a.layer1active { color:#eee; font-weight:bold; }ul.footermenu a.layer2active { color:#eee; font-weight:bold; }ul.footermenu li.layer1 { display:block; float:left; margin:0 5% 1.5em 0; width:20%;  }ul.footermenu li.layer1 > a:hover { color:#fff; font-weight:bold; }ul.footermenu li.layer1 > a { font-size:1em; line-height:1.3em; padding:0; padding-bottom:0.5em; border-bottom:1px solid #ccc; margin:0 0 1em 0; }ul.footermenu .arrow { display:none; }ul.footermenu ul.layer2 { list-style-type:none; margin:0 0 2em 0em; padding:0 0em 0 0em; }ul.footermenu ul.layer2 li { margin:0; }ul.footermenu ul.layer2 a { font-size:0.8em; line-height:1.3em; padding:0em 0em 0em 0em; margin-bottom:0.8em; }ul.footermenu ul.layer2 a:hover { color:#fff; text-decoration:underline; }ul#footermenu li.layer1_index { display:none; }ul#footermenu li.layer1_contact { display:none; }ul.h2menu { list-style-type:none; margin:0em 0 0 0; padding:0; width:970px; }ul.h2menu li { float:left; margin:0 2em 0 0; width:47%; }.fullwidth { display:block; width:100%; margin:0 auto; }.contentswidth { display:block; width:90vw; margin-left:auto; margin-right:auto; position:relative; max-width:1200px; }@media only screen and (max-width: 768px)  {.contentswidth { width:80vw; }}div.h1box { display:block; position:relative; margin:0px 0 0 0; padding:2em 0 3em 0; text-align:center; display:flex; align-items:center; width:100%; z-index:1; }div.h1box div.pagetitle1 { font-size:1.5em; margin:0.5em 0 0 0; color:#fff; text-shadow: 0px 0px 4px #000; font-family:var(--font_notoserifjp); }div.h1box h1 { font-weight:normal; font-size:calc( 1.5em + 2vw ); margin:0.3em 0em 0em 0 ; color:#fff; line-height:1.3em; text-shadow: 0px 0px 4px #000; font-family:var(--font_notoserifjp); }div.h1box div.title2 { font-size:1.2em; margin:1em 0 0 0; line-height:1.4em; color:#fff; text-shadow: 0px 0px 4px #000; }div.h1box div.h1sub { font-weight:normal; font-size:1.9em; margin:0.5em 0em 0em 0 ; color:#fff; line-height:1.3em; text-shadow: 0px 0px 4px #000; font-family:var(--font_notoserifjp); } div.h1box img.logo { width:60%; max-width:400px; margin:0 0 calc( 1em + 1vw ) 0; }div.h1box_size0 { background-position:0 -0px; height:100vw; max-height:700px; background-position:50% 50%; background-size:cover; }div.h1box_size1 { padding:10vw 0; background-position:50% 50%;      background-size:cover; }div.h1box_size2 { background-position:50% 50%; background-size:cover; }div.h1box_common { background-image:url(/_images/mainimg_top.jpg); background-position:0  20%; }div.h1box_menu_cafe { background-image:url(/_images/mainimg_menu_cafe.jpg); }div.h1box_menu_bread { background-image:url(/_images/mainimg_menu_bread.jpg); }div.h1box_menu_breakfast { background-image:url(/_images/mainimg_menu_breakfast.jpg); }div.h1box_menu_lightmeals { background-image:url(/_images/mainimg_menu_lightmeals.jpg); }div.h1box_menu_lunch { background-image:url(/_images/mainimg_menu_lunch.jpg); }div.h1box_menu_dinner { background-image:url(/_images/mainimg_menu_dinner.jpg); }div.h1box_menu_takeout { background-image:url(/_images/mainimg_menu_takeout.jpg); }div.h1box_menu_cake { background-image:url(/_images/mainimg_menu_cake.jpg); }div.h1box .topslidefront { z-index:100; margin-top:0px; }div.h1box .topslide { background-size:cover; background-position:50% 50%; position:absolute; width:100%; height:100%; z-index:99; top:0; transition: opacity 3s ease;opacity: 0;}div.h1box .show {opacity: 1;}div.h1box #topslide1 { background-image:url(/_images/mainimg_top.jpg); z-index:11; }div.h1box #topslide2 { background-image:url(/_images/mainimg_menu_cafe.jpg); z-index:12; }div.h1box #topslide3 { background-image:url(/_images/mainimg_menu_bread.jpg); z-index:13; }div.h1box #topslide4 { background-image:url(/_images/mainimg_menu_breakfast.jpg); z-index:14; }div.h1box #topslide5 { background-image:url(/_images/mainimg_menu_lunch.jpg); z-index:15; }div.h1box #topslide6 { background-image:url(/_images/mainimg_menu_dinner.jpg); z-index:15; }div.h1box #topslide7 { background-image:url(/_images/mainimg_menu_takeout.jpg); z-index:16; }div.h1box #topslide8 { background-image:url(/_images/mainimg_menu_cake.jpg); z-index:17; }.topintro { display:block; background:#a6a186; text-align:center; line-height:1em; margin:4em 0 0 0; padding:0; color:#fff; }.topintro p { font-size:1.8em; padding:0.3em 0 0.2em 0; }.topintro span { font-size:1.3em; }.topintro img {  }.topintrosub { display:block; margin:1.5em auto 1.5em auto ; line-height:1.5em; font-size:1.5em; text-align:center; }.topintrosub span.small { font-size:0.5em; }.topintrojo { background:#f9f3ec; margin:-1.9em 0 0 0; padding:0; }.topintrojo img {float:left; margin:1.5em 2em 2em 0;  }.topintrojo .message1 { font-size:1.9em; padding:1em 0 0.5em 0; margin:0 0 0.5em 0; border-bottom:1px solid #a6a186; line-height:1.3em; }.topintrojo .message2 { font-size:1em; margin:0; line-height:1.5em; }.topintrojo .profile1 { font-size:1.5em; margin:1em 0 0.5em 0; line-height:1.5em; }.topintrojo .profile1 span { font-size:0.8em; }.topintrojo .profile2 { font-size:0.9em; margin:0em 0 0 0; line-height:1.5em; }.topgraph { margin:1em 0 1em 0; }.topgraph img {  }p.catch1 { margin:1.5em 0 0 0; font-size:1.1em; line-height:1.5em; }p.catch2 { margin:0.2em 0 0 0; font-size:1.6em; line-height:1.5em; }div.intro3 { display:block; background:#8c6345; color:#fff; text-align:center; line-height:1em; margin:0 0 0 0; }div.intro3 p { margin:1.5em auto 0 auto; font-size:1.6em; line-height:1.5em; width:80%; padding:0.4em 0 0.3em 0; }.topbefore { background:#bc8bf3; }.topmen { background:#b3bdfd; }.topafter { background:#97d99a; }.topmultivitamin { background:#ffb3d9; }.topokyu { background:#ffcf83; }h2#topnews { padding-top:3em; }div.topnews {}div.topnews div.inner { }div.topnews div.newsbox { border:1px solid #c2b09d; margin:0em 0 2em 0; padding:0; }div.topnews div.newsbox div.newscontents { margin:0; padding:1.5em; }div.topnews h3 { background:#c2b09d; font-size:1.2em; margin:0em 0 0em 0 ;  padding:0.5em 1em; height:null; overflow:null; color:#fff; }div.topnews .date { background:#f0ede9; margin:0em 0 0em 0em; padding:0.2em 1.5em; }div.topnews .newscontents { }div.voicelink { font-size:0.85em; position:absolute; margin-top:-58px; }div.voicelink2 { font-size:1.1em; position:absolute; margin:0px 0 0 50px; }div.bar img { float:left; margin:0 15px 0 0; } div.phase_a { border:0; padding:0; height:90px; }div.phase_b { border:0; padding:0; height:90px; }div.phase_p { border:0; padding:0; height:90px; }div.phase_m { border:0; padding:0; height:90px; }div.phase_b span { background:#a359e4; }div.phase_a span { background:#00ad00; }div.phase_p span { background:#6281f4; }div.phase_m span { background:#ff7700; }div.shopping ul#catmenu { line-height:1em; position:relative; clear:both; margin:5px 0 0 0px; padding:0; clear:both; height:39px; margin:0px 0 20px 0px; border-bottom:5px solid #908b73; }div.shopping ul#catmenu li { line-height:1em; display:block; margin:0 5px 0 0px; padding:0; float:left; list-style-type:none; }div.shopping ul#catmenu li a.catmenu { line-height:1.4em; display:block; padding:12px 26px 8px 26px; overflow:hidden; text-align:center; text-decoration:none; font-size:1em; }div.shopping ul#catmenu li a.active0 { background:url(/_images/mmenubg.png) 0 -40px; color:#444;  }div.shopping ul#catmenu li a.catmenu:hover { color:#fff; background:url(/_images/mmenubg.png); }div.shopping ul#catmenu li a.active1 { background:url(/_images/mmenubg.png); color:#fff; }div.shopping div.lead { margin:0 0 20px 0; }img.cardicons { width:100%; max-width:400px; margin:0.5em 0 0 0; }div#cycle img.img1 { float:right; margin:-4em 0 0 2em; }div#cycle div.cycle_chart { float:right;margin:0 0 2em 4em; }div#cycle div.cycle_chart a { display:block; margin:0 0 3px 0px;border:1px solid #d6d5cd; }div#cycle div.cycle_chart div.caption { font-size:0.85em; }div#cycle h4 { font-size:1.3em; margin:1em 0 0.5em 0; }div.banner_newprice { display:block; margin:15px 0 0 0; }div.banner_newprice a { display:block; margin:0 0 7px 0; }div.faq .imgr { width:30%; }div.faq .imgr img { width:100%; }#faqmenu1 { list-style-type:none; margin:0.5em 0 0em 0; padding:1em 0 0 0; }#faqmenu1 li { font-size:1.3em; }#faqmenu2 { list-style-type:circle; margin:0.5em 0 0 0; padding:0em 0 0 2em; }#faqmenu2 li { line-height:1.7em; font-size:1em; }.faq h3 { font-size:1.5em; margin:0em 0 0 1em; padding:2.5em 0 0.5em 0; }.faq p.answer { margin:0 0 0 3em; }.faq .button_gray { display:inline-block; padding:0.5em; width:6em; text-align:center; margin:3em 0 -2em 0; }.qabox { margin:0 0 1em 0em; line-height:1.8em;  }.qabox * { line-height:inherit; }.qabox h3 { font-size:1.2em; padding:0; margin:0; }.qabox h3 span { }.qabox .slidebox { margin:0em 0 0em 0; padding:0px 0 0px 0; overflow:hidden; }.qabox .slideboxinner { margin:1em 1em 1em 0em; padding:1em; padding-left:1em; background:#eee; line-height:1.4em; }.qabox .slideboxinner span { font-size:1.3em; font-family:arial; float:left; margin:0.1em 1em 0.5em 0; }#front .map-wrap { width:100%; height:600px; margin:1em auto 0.5em auto; }#front .map-wrap iframe { width:100%; height:100%; border:0; }@media screen and (max-width: 700px)  {#front .map-wrap { height:initial; aspect-ratio: 1 / 1; }}#front .mapbox { clear:both; max-width: 100%; min-width: 280px; padding: 0px; border: 1px solid #ccc; margin: 1em auto 0.5em auto; }#front .mapbox img { max-width: none; }#front .mapdata { height:600px; width:100%; }#front .parkingmap { width:100%; }a.bgorange { background:url(/_images/btn_orange.png); color:#fff; padding:1px 3px; text-decoration:none; vertical-align:middle; font-size:0.95em line-height:1.5em; }a.bgorange:hover { color:#fff; }a.btn_toshopping { float:right; display:block; text-align:center; margin:0 0 0 10px; width:250px; height:50px; color:#fff; background:url(/_images/incartbutton2_bg.jpg); text-decoration:none; font-size:1.7em; line-height:2.6em; }div#okyu a.btn_toshopping { float:none; display:block; margin:10px 0 0 0px; }img.contentsmainimg { margin:0 0 5vw 5vw; float:right; width:40%; max-width:300px; }.feature_acura { clear:both; float:right; width:45%; margin:0 0 2em 2em; max-width:300px; }.feature_acura img { width:100%; }.feature_jo { clear:both; float:right; width:45%; margin:0 0 2em 2em; max-width:300px; }.feature_jo img { width:100%; }div.shopping h1.list { margin:0px 0 25px 0; padding:0; }div.productlistbox { position:relative; background;#f00; border:1px solid #ccc; z-index:5; padding:1.5em; margin:1.5em 0; background:#fafafa; width:100%; }div.productlistbox * { line-height:1em; }div.productlistbox div.imgbox { position:relative; float:left; display:block; background:#eee; float:left; margin:0px 2em 2em 0; z-index:5; width:35%; max-width:290px; }div.productlistbox div.imgbox img.productimg { z-index:0; position:relative; width:100%; }div.productlistbox div.imgbox div.optionimg { z-index:1; position:absolute; width:100%; margin: 0%; bottom:0; right:0; }div.productlistbox div.imgbox div.optionimg img { border:1px solid #fff; margin:2%; float:left; width:37%; }div.productlistbox div.databox { float:left; width:calc( 100% - 290px - 2em ); }div.productlistbox div.databox h3 { font-size:1.4em; color:#444; border:0; margin:0 0 0em 0; padding:0; font-weight:normal; display:inline; line-height:1.4em; }div.productlistbox div.databox div.catchcopy { margin:0em 0 0 0; }div.productlistbox div.databox div.catchcopy p { margin:0.5em 0 0 0; line-height:1.7em; clear:both; font-size:1em; }div.productlistbox div.databox div.catchcopy div.productno { margin:0 0 0.5em 0; }div.productlistbox div.databox p.comment { line-height:1.5em; margin:0.8em 0 0 0; }div.productlistbox div.databox p.purchasenote { font-size:1em; line-height:1.5em; margin:0.8em 0 0 0; }div.productlistbox div.databox form { margin:1em 0 0 0; display:block; position:relative; z-index:5; display:inline; }div.productlistbox div.databox form input.purchasebutton { margin:0 0 0.1em 1px; padding:0 1em; line-height:2.5em; }div.productlistbox div.databox form input.purchasebuttonr { margin:0 0 0.1em 1px; padding:0 1em; line-height:2.5em; }div.productlistbox div.databox form span.status0 { line-height:1.8em; width:5em; margin:3px 0.3em 0 0; padding:0.3em 1em; background:#c00; color:#fff; text-align:center; font-size:0.9em; }div.productlistbox div.databox form span.status1 { line-height:1.8em; width:5em; margin:3px 0.3em 0 0; padding:0.3em 1em; background:#0b0; color:#fff; text-align:center; font-size:0.9em; }div.productlistbox div.databox form select.pnu { }div.productlistbox div.databox p.price { margin:0; }div.productlistbox div.databox p.price_original { color:#f00; font-weight:bold; text-decoration:line-through; }div.productlistbox div.databox p.price span.price { color:#f00; font-weight:bold; font-size:2em; margin:0 0 0 0em; line-height:1em; }div.productlistbox div.databox p.price span.price2 { color:#444; font-size:0.5em; font-weight:normal; margin:0 0 0 0.3em; }div.productlistbox div.databox p.productdetaillink { line-height:1.6em; }div.productlistbox div.databox div.actionbuttons { margin:1em 0 0.5em 0; }div.productlistbox div.databox div.recommend { padding:0em; margin:1em 0 0em 0; line-height:1.5em; border:1px solid #ccc; background:#eee; overflow:auto; display:block; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}div.productlistbox div.databox div.recommend img { float:left; height:100%; margin:0 0.5em 0 0; }div.productlistbox div.databox div.recommend div.inner { font-size:1.2em; margin:0.6em; line-height:1.6em; }div.productlistbox .helpbox .inner{ font-size:14px; line-height:1.5em; margin:0.5em; }div.productlistbox .helpaction { cursor:pointer; text-decoration:underline; color:#33e; }div.productlistbox div.databox div.okyuoptionnote { font--size:1em; margin:1em 0 0 0; }.chkbox { display:inline-block; }.chkbox label { padding-left:1.4em; font-size:1em; line-height:1.2em; display:inline-block; cursor: pointer; position: relative; }.chkbox label:before { content: ''; width: 16px; height: 16px; display: inline-block; position: absolute; left:  0; background-color: #fff; border:1px solid #444;  border-radius: 4px; }.chkbox input[type=checkbox] { display:none; }.chkbox input[type=checkbox]:checked + label:before { content:'\2713'; font-size:1em; font-weight:bold;  color:#fff; background-color:#3c99fc; }.phaseicon { display:block; float:left; vertical-align:middle; text-align:center; line-height:1.5em; padding:0px 5px 0px 5px; margin:0 1px 0 0; font-size:0.85em; }.phase_total { background:#ff84a3; color:#fff; }.phase_before {background:#dd99ff; color:#fff; }.prlistproductid { font-size:1em; text-align:center;padding-left:3px;margin-right:3px;color:#fff;line-height:1.3em; }div#cartlist { position:relative; clear:both; width:100%; background:#444239; height:50px; color:#fff; overflow:hidden; font-size:14px; }div#cartlist div.info { margin:15px 0 0 0; display:inline-block; text-align:right; }div#cartlist a.gotoregisterbutton { float:right; font-size:1.2em; color:#fff; float:right; text-decoration:none; text-align:center; line-height:2.5em; display:block; width:30vw;  height:37px; margin:6px 0 0 0; font-size:1.1em; }div.cartlist_empty { clear:both; width:100%; background:#444; font-size:0px; line-height:0px; height:0px; color:#fff; }div.carticon { margin:11px 8px 0 0; width:27px; height:23px; background:url(/_images/cart.png) no-repeat; float:left; }div#cartaddedindicator { float:left;  width:120px; margin:8px 5px 0 0; }div#cartaddedindicator img.product { float:left; margin:0px 7px 0 0; }div#cartaddedindicator img.indicator { float:left; margin:7px 7px 0 0; }div.safetychartouter { margin:20px 0 0 0; border:1px solid #ddd; }div.safetychart { margin:10px; }div.safetychart p { font-size:10px; }div.safetychart td { font-size:10px; }div.safetychart li { font-size:10px; }div.safetychart h2 { font-size:14px; margin:0 0 10px 0;  }div.safetychart table { width: 100%; margin:0 0 10px 0 }div.safetychart td { background-color:#f6f6f6;padding:2px 3px 2px 3px; }div#contact div.phoneblock { margin:0 auto; text-align:center; }div#contact div.phoneblock a.tel { font-size:2em; display:block; padding:0.7em; padding-bottom:0.5em; margin: 0.3em 0; line-height:1em; vertical-align:middle; width:100%; }div#contact div.phoneblock a.tel span { display:block; font-size:0.5em; text-align:center; margin:0.5em 0 0 0; }div#contact .qr { width:80px; height:80px; float:right; margin:-5px 0 0 10px; }div#contact .linetable td.td3 { padding:0.3em; }div#contact .linetable td.td2 { min-width:3em; }div#contact textarea { width:100%; line-height:1.5em; }.tel { font-size:2em; display:block; margin:0.5em 0; }div#reservation ul.notice { margin:1em 0 2em 0.5em; }div#reservation div.phoneblock { margin:0 auto; text-align:center; }div#reservation div.phoneblock a.tel { font-size:2em; display:block; padding:0.7em; padding-bottom:0.5em; margin: 0.3em 0; line-height:1em; vertical-align:middle; width:100%; }div#reservation div.phoneblock a.tel span { display:block; font-size:0.5em; text-align:center; margin:0.5em 0 0 0; }div#reservation .qr { width:80px; height:80px; float:right; margin:-5px 0 0 10px; }div#reservation .linetable td.td3 { padding:0.5em 0.8em; }div#reservation .linetable td.td2 { padding:0.5em 0.8em; min-width:3em; }div#reservation textarea { width:100%; line-height:1.5em; }.errormessage~select { background:#fdd; }.errormessage~input { background:#fdd; }.errormessage~textarea { background:#fdd; }.errormessage~div { background:#fdd; }.reservationpopuparea { width:100%; max-width:500px; margin:0 auto; }.reservationpopuparea img { display:block; position:relative; width:100%; margin:0; z-index:1: }.reservationpopuparea .productinfo { display:block; width:100%; background:#000; color:#fff; margin:0 0 0 0; padding:1em 1em; z-index:202: }.reservationpopuparea .productinfo .productname { font-size:1.6em; line-height:1.4em; margin:0 0 0.5em 0; }.reservationpopuparea .productinfo p { margin:0 0 0.7em 0; padding:0; line-height:1.4em; }.reservationpopuparea .productinfo a { color:#fff; }.optionquestion { margin:10px 0 0 0; }.optionselectionbox { overflow:hidden; }.cakearea { margin:0 0 20px 0; padding:0px 15px 10px 15px; overflow:auto; }.cakebutton { line-height:1.2em; font-size:1em; width:calc( ( 100% - 15% ) / 6 ); margin-top:1em; margin-left:0; margin-bottom:0; display:inline-block; vertical-align:top; }.cakebutton:nth-child(1n) { margin-right:3%; }.cakebutton:nth-child(6n) { margin-right:0; }.cakebutton img { width:100%; margin:0 0 5px 0; }@media only screen and (max-width: 900px)  {.cakebutton { width:calc( ( 100% - 10% ) / 3 ); margin-left:0; margin-bottom:0; }.cakebutton:nth-child(1n) { margin-right:5%; }.cakebutton:nth-child(3n) { margin-right:0; }}@media only screen and (max-width: 500px)  {.cakebutton { width:calc( ( 100% - 9% ) / 2 ); margin-left:0; margin-bottom:0; }.cakebutton:nth-child(1n) { margin-right:9%; }.cakebutton:nth-child(2n) { margin-right:0; }}.optionbutton  { display:inline-block; font-size:1.2em; text-align:center; margin:3px 3px 0 0; padding:0.3em 0.3em; color:#000; cursor:pointer; }#productcount { width:4em; text-align:center; font-size:16px; }#purchasebutton { display:block; font-size:1.5em; background:#eee; width:100%; text-align:center; padding:1em 1em; margin:15px auto 0 auto; }.purchasebutton { display:block; font-size:1.5em; background:#eee; width:100%; text-align:center; padding:1em 1em; margin:15px auto 0 auto; }.purchasebutton0 { color:#ccc; }.purchasebutton1 { color:#000; }.purchasebutton2 { color:#000; font-size:1.2em; padding:0.2em 1em; margin:5px auto 0 auto; }.selection0 { background:#f0ede9 !important; }.selection1 { background:#d6a600; }#reservationlist { margin:0 0 0 -1em; padding:0 0 0 1em; }#reservationlist li { list-style-type:none; padding:10px; margin:0 0 1px 0; clear:both; overflow:auto; background:#f0ede9; }#reservationlist li.active1 { cursor:pointer; }#reservationlist li img { width:50px; height:50px; margin:0 10px 0 0; float:left; }#reservationlist li .productname { width:calc( 100% - 120px ); margin:0 0 5px 0; float:left; line-height:1.2em; }#reservationlist li .count { width:60px; margin:0 0 0 0; text-align:right; float:right; line-height:1.2em; }#reservationlist li .greenicon { display:inline-block; width:100%; margin:0 0 7px 0; }#reservationlist li .count span { display:inline-block; border:1px solid #000; padding:0.3em; }input.textbox { width:50%; }.correctbutton { display:block; float:right; border:1px solid #888; color:#444; text-decoration:none; margin:0 0 0 0.5em; padding:1px 5px; font-size:0.9em; }.correctbutton0 { display:block; float:right; border:1px solid #888; color:#999; text-decoration:none; margin:0 0 0 0.5em; padding:1px 5px; font-size:0.9em; }div#order img.productimg { width:10%; min-width:50px; max-width:60px; margin:0 1em 0 0; border:1px solid #ccc; float:left; }div.formcomplete { margin:15px 0 0 0; width:100%; background-color:#faf9f4;border:1px solid #ccc; color:#000; }div.formcomplete div.inner { margin:20px; }div#order div.warning { width:100%; text-align:center; background-color:#f00;color:#fff; margin:20px 0 0 0; padding:2px 0; }div#order div.ordercredit  { width:100%; border:1px solid #ccc; border-top:0px; background-color:#faf9f4; margin:0px 0 20px 0; }div#order div.ordercredit div.inner { padding:10px 0; margin:0 15px; }div#order div.ordercredit form { margin:10px 0 0 0; text-align:center; }div#sendaddressbox { overflow:hidden; }div#sendaddressbox .linetable { margin-top:-1px; }div#order textarea.textarea { width:100%; }div#yamatostop { background:#fff2d9; padding:10px; margin:3px 0; }div#yamatostop div.title { font-weight:bold; border-bottom:1px solid #c7b38c; padding:0 0 3px 0; margin:0 0 5px 0; }div#yamatostop div.sample { background:#fffbf4; margin:5px 0 5px 0; padding:7px 10px; border:1px solid #e3d6bc; }.button1 { width:100%; max-width:400px; font-size:1.7em; padding:0.5em; margin:1em 0 0.6em 0; line-height:1.5em; padding:1em; }.button2 { width:100%; max-width:400px; font-size:1em; padding:0.5em; margin:1em 0 1em 0; line-height:1.5em; padding:1em; }div#order th.th1 { width:50%; }div#order th.th2 { }div#order th.th3 { width:10%; }div#order th.th4 { width:5%; }div#order  a.clearbutton { float:right; }div#order  .discountstatus { display:block; text-align:center; border:1px solid #ccc; padding:0.4em 0.3em; margin:0.3em 0; }.pnavi { clear:both;margin:10px 0px 10px 0px;padding:0px;text-align:right;}div.searchform { clear:both; margin-top:10px;margin-bottom:0px; }div.sortform1 { clear:both;margin-top:0px;margin-bottom:0px; }.w100 {width:100%; }.w99 {width:99%; }.w50 {width:50%; }.w30 {width:30%; }.linetable { padding: 0; margin: 0px 0px 0px 0px; border-collapse: collapse; width:100%; }.linetable th { font-size:1em; vertical-align: top; white-space: padding:13px; border: 1px solid #fff; border-collapse: collapse;  text-align:left; color:#fff; }.linetable td { font-size:1em; vertical-align: top; white-space: padding:13px; border: 1px solid #fff; border-collapse: collapse;  text-align:left; padding:0.7em 1em; line-height:1.6em; }.linetable .td1 { background-color:#c2b09d; }.linetable th { background-color:#c2b09d; font-weight:normal; padding:0.7em; }.linetable .td2 { background-color:#f0ede9; width:20%; }.linetable .td3 { background-color:#f6f4f1; }.linetable .nb { border:0px; }.linetable tr.topnb td { border-top:0; }.progbox { border-collapse:collapse; margin-top:10px; margin-bottom:25px;}.progbox td {vertical-align: middle; height:10px; text-align: center; border: 1px solid #ccc; border-collapse:collapse; font-size:1em; }.progbox td.nb { border:0px; }.progbox td.ac1 { background-color:#f68;color:#fff;padding:7px; }.progbox td.ac2 { background-color:#eee;color:#444;padding:7px; }.countbarcolor { font-size:2em;color:#F00;font-weight:900 }div#intro_difference h3 { font-size:1.5em; margin:1.5em 0 0.5em 0; }div#intro_ingredients img.introduction_img1 { margin:3px 0 20px 20px; float:right; }div#intro img.acuralogo { float:right; width:35%; margin:1em 1em 0 5%; }div#intro_story div.img1 { width:150px; float:right; margin:0 0 40px 40px; }div#intro_story div.img1 img { width:100%; }div#intro_story div.img1 span.caption { display:block; margin:5px 0 0 0; font-size:85%; }div#intro_story div.img2 { width:300px; height:200px; float:right; margin:0 0 40px 40px; }div#intro_story div.img2 span.caption { display:block; margin:5px 0 0 0; font-size:85%; }div#intro_story img.img3 { float:right; margin:0 0 20px 20px; }div#intro_story div.prevproducts { width:120px; height:300px; margin:0 20px 10px 0px; float:left; background:url(/_images/prevproducts.jpg); }div#intro_developers h2 { border:none; padding-bottom:0; margin-bottom:0.1em; }div#intro_developers h3 { font-size:1em; margin:0.5em 0 1em 0; padding:0 0 0.5em 0em; line-height:1.7em; color:#999; }div#intro_developers  img.photo { float:right; margin:0 0 2em 2em; }div#intro_developers p { margin:0 0 0.8em 0; }div#intro_developers div.profile { clear:both; line-height:1.7em; background:#eee; padding:1em; margin:1em 0 1em 0; }div#news div.date { float:right; margin:-35px 0 0 0; }div#media { padding:2em 0; }div.media { background:#f0e8df; margin:1em 0 1em 0; padding:2em; }div.media h2 { padding:0em 0 0.3em 0; margin-top:0em; }div.media h3 { margin:0; padding:0; }div.media a.images { display:block; float:right; margin:0 0em 0 2em; border:1px solid #ccc; }div.media a.images:hover { border-color:#f00; }div.media a.images img { float:left; }div#adminaccess { width:100%; z-index:100; font-size:1.3em; text-align:center; background:#e00;color:#fff;line-height:3em; z-index:100; }div#adminaccess a { color:#fff; }div#adminaccess a:hover { color:#fff; }div#csadmin h1 { background:#339933; color:#fff; font-size:1.5em; padding:0.3em 0.5em; line-height:1.4em; }div#csadmin div.bar { margin-top:-1em; }div#csadmin h2 { color:#060; font-size:20px; margin:20px 0 5px 0; border:0; font-weight:bold; padding:0; margin:1.5em 0 1em 0; }div#csadmin table.linetable { width:100%; }div#csadmin .linetable td { font-size:1em; border: 1px solid #090; }div#csadmin .linetable th { font-size:1em; border: 1px solid #090; background:#41ac41; }div#csadmin .linetable .td1 { background-color:#8ddc8d;color:#020; width:15%; }#csadmin .linetable .td1a { background-color:#8ddc8d; width:15%; }#csadmin .linetable .td1b { background-color:#8ddc8d; width:15%; }div#csadmin .linetable .td2 { background-color:#8ddc8d;color:#020; }div#csadmin .linetable .nb { border:0px; border:0; padding:0; }div#csadmin a.editbutton { line-height:1em; float:right; background:#ddd; color:#222; text-decoration:none; padding:3px 10px; margin:0 0 0 3px; }div#csadmin a.logoutbutton { text-decoration:none; background:#090; color:#fff; padding:0em 0em; margin:-120px 0 0 0; line-height:2.2em; display:block; text-align:center; width:150px; float:right; }div#csadmin a.logoutbutton:hover { background:#0b0; color:#fff; }div#csadmin input.idpass { width:95%; }div#csadmin a.backtotop { display:block; margin:1em 0 1em 0; }div#csadmin div.sendmail { padding:0.5em; line-height:1.7em; word-break: break-all; }div.adminemailbody { border:1px solid #ccc; background:#f0f0f0; padding:2em; margin:1em 0; overflow:hidden; }div#adminemaillist { overflow:hidden; margin:0.5em 0 0 0; }div#csadmin div.migrationmessage { border:1px solid #090; padding:0 1.5em 0.3em 1.5em; margin:2em 0 2em 0; }div#csadmin div.migrationmessage h2 { font-size:1.3em; margin:1em 0 0.5em 0; padding:0; }div#csadmin div.migrationmessage p { margin:0; }div#csadmin div.migrationmessage a.button_orange { margin-top:0.5em; }div#csadmin div.migrationmessage div#migrationdetails { overflow:hidden; }div#csadmin div.migrationmessage div#oldsystem { overflow:hidden; margin:0 auto; text-align:center; }div#csadmin div.migrationmessage div#oldsystem img { width:100%; max-width:300px; border:1px solid #aaa; }div#csadmin img.productimg { width:20%; margin:0 1px 1px 0; max-width:100px; }#blog div.blogcontentsarea { width:calc( 100% - 25% - 4vw); float:left; margin:3em 0 0 0; }#blog div.blogsubcontentsarea { width:25%; float:right; margin:0.5em 0 0 0; }#blog div.blogsubcontentsarea h2 { background:#c2b09d; color:#fff; font-size:1em; text-align:center; font-weight:normal; line-height:1.5em; padding:0.5em 0.7em; border:0; text-align:initial; }#blog div.blogsubcontentsarea ul { margin:1em 0 2em 1em; padding:0; }#blog div.blogsubcontentsarea li { margin:0em 0 1em 0.5em; line-height:1.3em !important; }#blog div.blogsubcontentsarea li a { }#blog div.blogsubcontentsarea li span { line-height:inherit; }#blog div.categorynarrow { clear:both; background:#c2b09d; color:#fff; font-size:1em; line-height:2em; padding:0.5em; border:0; }#blog div.categorynarrow1 { margin:0 0 0em 0; }#blog div.categorynarrow2 { margin:3em 0 0em 0; padding:0.5em; color:#fff; }#blog div.categorynarrow a { color:#fff; }#blog div.categorynarrow a:hover { color:#f00; }#blog div.prevnext { font-size:0.9em; background:#f0ede9; text-align:left; padding:0.5em; }#blog div.prevnext1 { margin:0 0 2em 0; }#blog div.prevnext2 { margin:0em 0 0em 0; }#blog div.prevnext a {  }#blog div.bloglistbox { line-height:1.8em; margin:0 0 4em 0; }#blog div.bloglistbox h2 { font-weight:normal; font-size:1.5em; margin:0 0 0.5em 0; padding:0; line-height:1.5em; border:0; text-align:initial; }#blog div.bloglistbox h2 a { font-weight:normal; }#blog div.bloglistbox .date { display:inline; text-align:right; font-size:0.9em; }#blog div.bloglistbox .imgsquare { width:30%; max-width:120px; width:30%; max-width:200px; min-width:170px; }#blog ul.category { list-style-type:none; margin:0; padding:0; }#blog ul.category li { clear:both; margin:0 0 1em -1em; padding:0; font-size:0.9em; }#blog ul.category a { font-size:inherit; line-height:1.7em;  }#blog ul.latestposts { list-style-type:none; margin:0; padding:0; }#blog ul.latestposts li { clear:both; margin:0 0 1.5em -1em; padding:0; font-size:0.9em; }#blog ul.latestposts a { font-size:inherit; line-height:1.7em;  }#blog ul.latestposts .imgsquare { max-width:50px; width:25%; float:left; margin:0.2em 0.8em 1em 0; }#blog ul.latestposts img { }#blog a.oldblog { display:block; text-align:center; margin:0em 0 0em  0; }#blog form.blogsearch { margin:1.5em 0 3em; font-size:12px; background:#fff; overflow:auto; border:1px solid #ccc; }#blog form.blogsearch input[type='text'] { position:relative; display:inline-block; padding:0 0.5em; margin:0; height:3em; width: calc( 100% - 5.5em );  -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;background:#eee; border:0; }#blog form.blogsearch input[type='submit'] { position:relative; float:right; display:inline-block; padding:0; margin:0; width:4em; height:3em; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;background:#eee: border:1px solid #eee; }#blog form.blogsearch a.reset { position:relative; display:block; float:right; text-align:center; padding:0 ; margin:0; width:1.2em; color:#aaa; text-decoration:none; font-size:1.5em; height:2.4em; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;background:#eee;display:flex; align-items:center; }div.message_movie { clear:both; position: relative; width:100%; margin:2em 0 2em 0; border:30px solid #000; border-bottom:10px solid #000; border-top:10px solid #000; background:#000; }body#admin li.addedbox div.message_movie { width:250px; margin:0 0 10px 0; border:0; }div.message_movie:before { content:""; display: block; padding-top: 56.5%; }div.message_movie div.videoframe {  position: absolute; top: 0; left: 0; bottom: 0; right: 0; }div.message_movie div.videoframe img.videocover { width:100%; margin:0px 0 0 0 !important; border:1px solid #000 !important; position:absolute; }div.message_movie div.videoframe img.videothumb { width:100%; margin:0px 0 0 0 !important; border:1px solid #000 !important; }div.message_movie iframe { width:100%; margin:0; padding:0; border:0; }.imgsquare {  }.imgsquare { display:block;position: relative;float:left;margin:0 2.3em 0em 0em ; }.imgsquare::before { content: "";display: block;padding-top: 100%;}.imgsquare img { position: absolute;width: 100%;height: 100%;top: 0;right: 0;bottom: 0;left: 0;margin: auto;object-fit: cover;}#index .menuvariationlist { list-style-type:none; margin:2em 0 0 0; padding:0; }#index .menuvariationlist .block .redicon { font-size:0.6em; float:left; margin:0.5em 0.5em 0 0; }#index .menuvariationlist .block { display:block; position:relative; width:calc( ( 100% ) /2 ); max-width:600px; height:calc( 50vw - 5vw ); max-height:200px; background:#eee;  float:left; z-index:10; }#index .menuvariationlist .block:before { content:""; display:block; padding-top:200px; }.menuvariationlist .block .inner { position:absolute; display:block; width:100%; height:100%; top:0; right:0; bottom:0; left:0; margin:auto; background-size:cover; background-position:50% 50%; color:#fff; text-decoration:none; display:flex; align-items:center; justify-content: center; border:1px solid #fff; }.menuvariationlist .block .menu_cafe { background-image:url(/_images/mainimg_menu_cafe.jpg); }.menuvariationlist .block .menu_bread { background-image:url(/_images/mainimg_menu_bread.jpg); }.menuvariationlist .block .menu_lightmeals { background-image:url(/_images/mainimg_menu_lightmeals.jpg); }.menuvariationlist .block .menu_breakfast { background-image:url(/_images/mainimg_menu_breakfast.jpg); }.menuvariationlist .block .menu_lunch { background-image:url(/_images/mainimg_menu_lunch.jpg); }.menuvariationlist .block .menu_dinner { background-image:url(/_images/mainimg_menu_dinner.jpg); }.menuvariationlist .block .menu_takeout { background-image:url(/_images/mainimg_menu_takeout.jpg); }.menuvariationlist .block .menu_cake { background-image:url(/_images/mainimg_menu_cake.jpg); }.menuvariationlist .block span.text { display:inline-block; text-align:center; font-size:calc( 12px + 1vw ); }.menuvariationlist .block span.text span.j { display:block; font-size:1em; text-shadow: 0px 0px 4px #000; }.menuvariationlist .block span.text span.e { display:block; font-size:0.8em; text-shadow:0px 0px 4px #000; }.menuvariationlist .block span.text span.till { display:block; font-size:0.7em; text-shadow:0px 0px 4px #000; margin:0.5em 0 0 0; }#menu .menuvariationlist { list-style-type:none; overflow:auto; margin:0; padding:0; }#menu .menuvariationlist .block { display:block; position:relative; width:100%; background:#eee;  float:left; margin:0 0 1em 0; }#menu .menuvariationlist .block+p { margin:1em 0 2em 0; }#menu .menuvariationlist .block:before { content:""; display:block; padding-top:300px; }@media only screen and (max-width: 640px)  {#index .menuvariationlist .block { width:100%; height:calc( 50vw - 5vw ); max-height:150px; float:none; }}#index ul.bloglist { width:102%; margin:0 0 0 -1%; padding:0; }#index ul.bloglist li { position:relative; width:calc( ( 100% / 4 ) ); display:block; float:left; color:#fff; }#index ul.bloglist li a { color:#fff; position:relative; text-decoration:none; display:block; width:96%; margin:2%; background:#eee; }#blog ul.bloglist .imgsquare { display:block; max-width:150px; width:25%; float:left; margin:0.2em 0.8em 1em 0;  z-index:10; }#index ul.bloglist li a span.title { display:block; position:absolute; width:100%; bottom:0; padding:0.5em; max-height:35%; background-color:rgba(0,0,0,0.4); z-index:11; }#index ul.bloglist li a span.title span.date { display:block; font-size:0.8em; margin:0 0 0.1em 0; }#index ul.bloglist li a span.title span.multiline-text { display:block; line-height:1.3em; height:3.9em; overflow:hidden;     display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 3;}.pagebottomblogareabg { margin:5em 0 -5em 0; padding:1em 0; background:#fcf9f7; }#pagebottomblogarea { clear:both; margin:0em 0 0 0; }#pagebottomblogarea a.morebutton { float:right; margin:-4.2em 0 0 0; }#pagebottomblogarea div.bloglistarea { width:100%; }#pagebottomblogarea div.bloglistbox { line-height:1.8em; margin:0 40px 40px 0; overflow:hidden; width:288px; height:330px; float:left; border:1px solid #ccc; background:#fff; }#pagebottomblogarea div.bloglistbox .inner { padding:0em; }#pagebottomblogarea div.bloglistbox h3 { font-weight:normal; font-size:1.1em; line-height:1.5em; height:2em; overflow:hidden; margin:0 0 0em 0; background:#ccc; padding:0.8em; }#pagebottomblogarea div.bloglistbox h3 a { font-weight:normal; font-size:1.0em; }#pagebottomblogarea div.bloglistbox div.date { text-align:left; line-height:1.5em; font-size:0.9em; margin:0em 0 0em 0; background:#f9f3ec; padding:0.5em 1em; }#pagebottomblogarea div.bloglistbox div.message { width:90%; font-size:1em; line-height:1.7em; height:13em; overflow:hidden; margin:1em auto 0 auto; }#pagebottomblogarea div.bloglistbox div.message img { float:right; margin:0.3em 0.3em 0.5em 1.2em ; }div#blogarticledetails { width:100%; line-height:1.7em; font-size:14px;   }div#blogarticledetails div.pnavi { margin:25px 0 10 0; text-align:center; }div#blogarticledetails div.titlebox { margin:0px 0 15px 0; }div#blogarticledetails div.titlebox div.category { font-size:0.9em; color:#888; margin:0 0 5px 0; color:#eee !important; }div#blogarticledetails div.titlebox h1 { font-size:2.1em; margin:0em 0 0em 0; padding:0; font-weight:normal; color:#5c5233; border:0; }div#blogarticledetails div.titlebox h2 { font-size:1.6em; margin:2em 0 0em 0; padding:0; font-weight:normal; color:#5c5233; border:0; text-align:initial; }div#blogarticledetails div.date { font-size:90%; color:#999; margin:0em 0 3.5em 0; }div#blogarticledetails div.date a { font-size:1em; }div#blogarticledetails div.articleoptions { margin:10px 0 20px 0; padding:3px 0; background:#f0f0f0; }div#blogarticledetails div.articleoptions div.inner { font-size:85%; text-align:left; color:#999; margin:0 10px; }div#blogarticledetails div.message { margin:0px 0 0 0px; line-height:2em; }div#blogarticledetails div.caption { font-size:85%; line-height:1.4em; }div#blogarticledetails { }div#blogarticledetails div.message div.border { display:inline; display:block; }div#blogarticledetails div.message h2 { text-align:initial; margin:1.5em 0 1em 0; }div#blogarticledetails div.message h2.message_header { font-size:1.7em; margin:1em 0 1em 0; padding:0 0 0.5em 0; font-weight:normal; clear:both; border-bottom:1px solid #aaa; text-align:initial; }div#blogarticledetails div.message div.message_paragraph { display:inline; word-wrap:break-word; font-size:1em; line-height:2em; }div#blogarticledetails div.message div.message_uploadfile0 { margin:40px 0; }div#blogarticledetails div.message div.message_uploadfile0 .blogimgr { width:45%; float:right; }div#blogarticledetails div.message div.message_uploadfile0 .blogimgl { width:45%; float:left; clear:both; }div#blogarticledetails div.message div.message_uploadfile0 .blogimgc { width:45%; margin:0 auto; }div#blogarticledetails div.message div.message_uploadfile1 { display:inline; }div#blogarticledetails div.message div.message_uploadfile1 { margin:40px 0; }div#blogarticledetails div.message div.message_uploadfile1 .blogimgr { width:45%; float:right; margin:0 0 20px 40px; }div#blogarticledetails div.message div.message_uploadfile1 .blogimgl { width:45%; float:left; margin:0 40px 20px 0; clear:both; }div#blogarticledetails div.message div.message_uploadfile1 div.clear { display:inline; }div#blogarticledetails div.message .blogimgw50 { width:50% !important; }div#blogarticledetails div.message .blogimgw75 { width:75% !important; }div#blogarticledetails div.message .blogimgw100 { width:100% !important; }div#blogarticledetails div.message img { display:block; border:1px solid #ccc; width:100%; }div#blogarticledetails div.message div.caption { text-align:left; margin:5px 0 0 0; }body#admin { font-size:12px; color:#000; }body#admin * { font-size:12px; color:#000; }body#admin ul { line-height:1.5em; margin:0 0 0 12px; padding:0 0 0 5px; }body#admin li { line-height:1.3em; }body#admin .colorb { color:#ca8dff; }body#admin .colorp { color:#7084fc; }body#admin .colort { color:#e25790; }body#admin .colord { color:#a7f2a7; }body#admin .colora { color:#00bb00; }body#admin .colorm { color:#f90; }body#admin .colorb_bg { background:#d9afff; }body#admin .colorp_bg { background:#7084fc; }body#admin .colort_bg { background:#ffa9cc; }body#admin .colord_bg { background:#a7f2a7; }body#admin .colora_bg { background:#19be19; }body#admin .colorm_bg { background:#ffb443; }body#admin label { cursor:pointer; }body#admin label input.radio { float:left; line-height:1em; margin:0 0.5em 0 0; }body#admin label span { float:left; line-height:2em; margin:0 1em 0 0; }body#admin   div.adminloginerrormessage { margin:5px 0 0 0; }body#admin input[type="checkbox"] { margin:0; padding:0; }body#admin div.center {text-align:center; }body#admin .right { text-align:right; }body#admin div.errormessage { font-size:90%; color:#f00; }body#admin  form { margin:0; padding:0; }body#admin form {margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}body#admin .newicon { background:#f00; color:#fff; font-size:10px; padding:0 3px; }body#admin .red { color:#f00; }body#admin .gray { color:#aaa; }body#admin .green { color:#0c0; }body#admin .blue { color:#66f; }body#admin .error { font-size:1em; color:#f00; }body#admin hr {margin-bottom:10px; }body#admin h1 {color:#66c; font-size:22px; padding:0; margin:0em 0 1em 0; font-weight:900; line-height:1.5em; }body#admin h2 {color:#66c; font-size:18px; padding:0; margin:0.5em 0; font-weight:900; border:none; line-height:1.5em; }body#admin h3 {color:#66c; font-size:12px; margin:1em 0; font-weight:900; }body#admin h4 {color:#66c; font-size:12px; margin:0px;margin-bottom:10px; color:#66c; font-weight:300; }body#admin h2.form {margin-top:5px;}body#admin li {margin-bottom:8px;}body#admin p { font-size:12px; letter-spacing:0em; line-height:1.5em; margin-bottom:7px;}body#admin p .cr{ font-size:10px; letter-spacing:0em; line-height:1.5em; margin-bottom:7px;font-weight:100; }body#admin p.menu0 { color:#444;font-size:12px; margin:0px; background-color:#999; padding-left:5px;margin-top:5px;margin-bottom:3px;}body#admin p.menu { color:#444;font-size:12px; margin:0px; background-color:#bbb; padding-left:5px;margin-top:0px;margin-bottom:3px;}body#admin p.menud { color:#999;font-size:12px; margin:0px; background-color:#bbb; padding-left:5px;margin-top:5px;margin-bottom:3px;}body#admin p.note { font-size:10px; color:#666666; letter-spacing:0em; line-height:1.5em; margin-bottom:7px;}body#admin td.tdc1 { padding-top:10px; padding-left:15px;}body#admin td.tdc3 {  background-image:url(images/m3-in.jpg);}body#admin p.cr1 { color:#000; font-size:10px; letter-spacing:0.1em; text-align:right; margin-right:30px; }body#admin .prlistproductid { padding-left:3px;margin-right:3px;color:#fff; }body#admin .str { color:#f00;font-weight:bold; }body#admin img.news {margin-left:10px; margin-bottom:10px; }body#admin img.cast {margin-left:10px; margin-bottom:10px; }body#admin img.img1 {margin-left:10px; margin-bottom:10px; }body#admin div.adminimg { height:50px;clear:both;border:1px solid #ccc;padding:5px;margin-bottom:5px; }body#admin table { font-size:1em; }body#admin .linetable { table-layout: auto; padding: 0; margin: 0px 0px 10px 0px; border-collapse: collapse; background-color: #fff; }body#admin .linetable a { font-size:inherit; }body#admin .linetable span { font-size:inherit; }body#admin .linetable div { font-size:inherit; }body#admin .linetable th {background-color: #ccc; color:#000; border-color:#999; line-height:1.2em; font-size:85%; padding:2px; }body#admin .linetable td {vertical-align: top; text-align: left; white-space: padding: 13px; border: 1px solid #ccc; border-collapse: collapse; font-size:85%; font-weight: normal; padding:3px;}body#admin .linetable td.num {background-color: #eee; color: #000; text-align:left; width:30px;}body#admin .linetable td.que {background-color: #f9f9f9; }body#admin .linetable td.td1 {background-color: #eee; color: #000; width:10%; max-width:100px; }body#admin .linetable td.td2 {background-color: #fff; width:initial; }body#admin .linetable td.td3 {background-color: #ccc; color:#000; border-color:#999; line-height:1.2em; }body#admin .linetable td.td3 a { color:#000; text-decoration:none }body#admin .linetable td.td3 a:hover { color:#FFF; text-decoration:none }body#admin .linetable td.nb {border:0px;height:14px;}body#admin td.nobd { border:0px; margin:0px;padding:0px;}body#admin .linetable td.itemicon { min-width:1.6em; }body#admin .linetable td.itemicon span { display:block; line-height:1em; }body#admin .listtable tr.list:nth-child(odd) { background:#fff; }body#admin .listtable tr.list:nth-child(even) { background:#f0f0f0; }body#admin .listtable tr.list:hover { background:#e0e0e0; }body#admin img.productimg { border:0; margin:5px 1px 1px 0; width:80px; }body#admin  div.adminleftbox { position:relative; z-index:2; width:120px; float:left; margin:0 0 0 0px;  }body#admin  div.adminrightbox { position:relative; float:right; z-index:1; margin-top:0px; width:calc( 100% - 125px ); }body#admin  div.adminrightbox div.inner { position:relative; z-index:1; padding:20px; margin:0; }body#admin  table.xdb { width:100%; table-layout: auto; padding:0px; margin: 0px 0px 10px 0px; border-collapse: collapse; background-color: #fff; }body#admin  table.xdb th { padding:2px 4px; vertical-align: top; text-align: left; border: 1px solid #ccc; border-collapse: collapse; color:#444; font-size:100%; background:#ccc; }body#admin  table.xdb td { padding:2px 4px; vertical-align: top; text-align: left; border: 1px solid #ccc; border-collapse: collapse; color:#444; font-size:100%;  }body#admin  table.xdb td.nb { border:0; text-align:center; }body#admin  table.xdb td.town_org { width:200px; overflow:hidden; }body#admin  div.adminloginbox  { margin:15px; padding:0px 0 0 0; }body#admin  div.adminloginbox form div.loginerror { display:block; margin-top:5px; color:#f00; }body#admin  div.adminloginbox form input.logintext { width:120px; margin-left:0; margin-right:0; padding:0 5px !important; line-height:1.5em; height:25px; }body#admin  div.adminloginbox form input.loginbutton { line-height:1em ; height:25px; }body#admin  div.adminheader * { color:#fff; }body#admin  div.adminheader { display:block; position:relative; width:100%; height:55px; overflow:hidden; background:#222; color:#fff; padding:3px 5px 5px 5px; z-index:100; i}body#admin  div.adminheader a.menuicon { background:#000; height:55px; width:55px; float:left; margin:-5px 0 0 -5px; display:block; }body#admin  div.adminheader a.menuicon img { width:60%; margin:20%; }body#admin  div.adminheader div.titlebox { height:50px; position:relative; display:flex; align-items:center; padding:0 0 0 1em; }body#admin  div.adminheader div.titlebox span.title { float:none; display:block; font-size:1.2em; line-height:1em; margin:0px 0 0px 0; padding:0; font-family:arial;  position:relative; overflow:hidden; color:#fff; }body#admin  div.adminheader div.titlebox span.crafz { float:none; display:block; font-size:80%; color:#aaa; line-height:1em; font-family:arial; position:relative;  overflow:hidden; margin:2px 0 0 0; padding:0; text-align:left; }body#admin  div.adminheader div.loginblock { float:right; text-align:right; margin:9px 0 0 0; position:relative; display:flex; align-items:center;  }body#admin  div.adminheader div.loginblock div.loginstatus { color:#000; float:right; text-align:center; background:#0f0; margin:3px 5px 0px 0; line-height:1em; padding:3px 0.7em; }body#admin  div.adminheader div.loginblock a.logoutbutton { display:block; float:right; color:#444; float:right; text-align:center; background:#ccc; margin:3px 1px 0px 0; line-height:1em; padding:3px 0.7em; text-decoration:none; }body#admin  div.adminheader div.loginblock a.logoutbutton:hover { background:#fff; }body#admin div.contents { width:100%; margin:0; padding:0; text-align:left; background:#fff; }body#admin div.contents div.leftbox { width:100%; text-align:left; padding:1px 0px; margin:0; background:#999; height:100vh; }body#admin div.contents div.leftbox div.inner { width:90%; margin:8px 5%; }body#admin div.leftbox div.menublock { margin:5px 0 2px 0px; background-color:#444; color:#fff; padding:2px 3px; font-size:1em; line-height:1.2em;  text-align:center; }body#admin div.leftbox input.button { width:100%; margin:0 0 2px 0; height:25px; line-height:1em; cursor:pointer; height:1.8em }body#admin  div.pnavi { margin:10px 0; background:#eee; padding:2px 10px; }body#admin  div.pnavi div.pnavibuttons { width:200px; text-align:right; float:right; margin:0 0 0px 0; }body#admin div.deliveryactions { margin:15px 0; height:23px;  }body#admin div.deliveryactions input { float:left; display:block; margin:0 5px 0 0; }body#admin div.deliveryactions input.checkbutton { width:150px; }body#admin div.deliverysheet { border:1px solid #fff; margin:5px 5px 10px 10px; }body#admin div.deliverysheet * { font-size:10px; }body#admin div.deliverysheet div.name { font-size:14px; }body#admin div.deliverysheet h1 { clear:left; color:#000;font-size:25px; }body#admin div.deliverysheet h2 { font-size:14px; margin:10px 0 0 0; padding:0; color:#000;font-size:15px; }body#admin div.deliverysheet table { margin:0px 0 0 0; padding:0; }body#admin div.deliverysheet table * { font-size10px; }body#admin p.pleasecheck { text-indent:-5px; margin:0 0px 0 0px; line-height:1.2em; font-size:10px; }body#admin div.deliverysheet img.logo1 { float:right;margin:0 0 10 0px; width:180px; }body#admin div.deliverysheet img.logo2 { float:left;margin:-7px 13px 0 0px; width:70px; }body#admin div.deliverysheet .linetable th { border: 1px solid #999; font-size10px; }body#admin div.deliverysheet .linetable td { border: 1px solid #999; font-size10px; }body#admin div.deliverysheet .linetable td.td2 { width:20%; font-size10px; background:#eee; }body#admin div.deliverysheet div.signature { clear:both; font-size:75%; line-height:1.5em; margin:50px 0 0 0; }body#admin div.deliverysheet div.signature div.shopname { font-weight:bold; font-size:12px; margin:0 0 3px 0; }body#admin div.deliverysheet div.signature div.message { font-size:110%; margin:2px 0; }body#admin div.deliverysheet .linetable td.nb {border:0px;height:14px;}body#admin div.deliverysheet img.product { width:60px; margin:5px 1px 0 0; padding:0; border:0; }body#admin div.deliverysheet div.signature { margin:10px 0 0 0; }body#admin div.deliverysheet div.signature img.logo { margin:17px 20px 15px 0px;  width:140px; float:left; }body#admin div.pagebreak { width:100%; height:0; page-break-after: always; }body#admin td.tohaba { font-family:"Osaka−等幅","ＭＳ ゴシック","monospace"; }body#admin div.countbar { font-size:1.5em; margin:2em 0 0 0; }body#admin div.adminsearchbox { background-color:#eee;border:1px solid #ccc;margin:1em 0 1em 0px; padding:2px 0 2px 5px; }body#admin div.adminsearchbox input[type="submit"] { margin:0; line-height:1em; width:80px; height:25px; }body#admin div.adminsearchbox input[type="text"] { margin:0; line-height:1em; width:250px; height:25px; }#admin  form.searchbox { background:#eee; padding:5px 7px; margin:0 0 10px 0; border:1px solid #ddd; }#admin  form.searchbox select { margin:0 2px 0 0; }#admin  form.searchbox input.text { width:80px; margin:0 5px 0 0; padding:0; height:20px; }#admin div.a_summary h2 { margin:1em 0 1em 0;  }#admin .pnavi { background:#fff; padding:0.3em; text-align:left; }#admin .pnavi * { font-size:12px; }#admin .pnavi select { height:25px; line-height:1em; }#admin .pnavi input { height:25px; line-height:1em ; }#admin .pnavi .button_gray { height:25px; line-height:2em; }#admin .pnavi .button_gray0 { height:25px; line-height:2em; }#admin div.block div.imgbox { float:left; width:30px; height:30px; margin:0 0.5em 0 0; }body#admin .onbehalfloginbutton { line-height:3em; margin:0 0 1em 0; padding:0 1em; }body#admin div.active0 { border-left:5px solid #f00; padding-left:10px;margin:0 0 10px 0; }body#admin div.active1 { border-left:5px solid #0d0; padding-left:10px;margin:0 0 10px 0; }body#admin div.active2 { border-left:5px solid #55f; padding-left:10px;margin:0 0 10px 0; }body#admin div.adminlistborder { clear:both; border-top:1px solid #aaa; margin:1em 0;  }body#admin img.adminlistimage { float:left; margin:0 1em 1em 0; }body#admin div.pagenavi { text-align:right; float:right; }body#admin .imgsquare { width:100px; }body#admin div#blog div.addfunctions { text-align:left; margin:0px 5px 15px 3px; }body#admin div#blog div.addfunctions a { padding:3px 8px; text-decoration:none; color:#444; border:1px solid #aaa; font-size:100%; }body#admin div#blog li div.addfunctions { margin:18px 5px 0 -8px; position:absolute; }body#admin div#blog .addedbox { margin:0 0 5px 0; line-height:1.6em; }body#admin div#blog .addedbox div.block { margin:10px 5px; }body#admin div#blog .addedbox a.removelink { background:#c00; text-align:center; padding:1px 8px; text-decoration:none; color:#fff; font-size:100%;  float:right; width:45px;  }body#admin div#blog .addedbox a.removelink:hover { background:#f00; }body#admin div#blog .addedbox img.uploadfileimg { margin:0 0 15px 0; width:250px; }body#admin div#blog .addedbox textarea { width:calc( 100% - 50px ); padding:1em; line-height:1.6em; }body#admin div#blog .addedbox input.text { width:calc( 100% - 50px ); padding:1em; font-size:1.5em; height:1.5em; }body#admin div#blog input.title { width:100%; line-height:1em; font-size:2em; padding:0.5em; height:2.5em; }body#admin div#blog input.newcategory { width:20em; padding:0.5em; height:2.5em; }body#admin div#blog input.tags { width:100%; padding:0.5em; height:2.5em; margin:0; }body#admin div#blog .addedbox img { margin:0.5em 0; }body#admin div#blog .addedbox label { float:none; }body#admin div#blog .addedbox input.caption { display:inline; width:calc( 100% - 50px ); padding:0.5em; height:2em; }div#admin div#blog div.formbox { background:#eee; }div#admin div#blog div.formbox div.inner { margin:0 10px; padding:5px 0;  }div.preview { width:100%; padding:20px; border:1px solid #ccc; background:#fff; }body#admin div#blog input#message_order { width:100%; }body#admin div#blog input#message_count { width:100%; }body#front .csstable{ display:table; width: 100%; border-spacing:0; border-collapse: collapse; margin:0 0 2em 0; }body#front .csstable .row{ display:table-row; margin:0; padding:0; }body#front .csstablenote { margin:-2em 0 0 0em; line-height:1.3em; }body#front .row > .cell1 {font-size:0.9em; display: table-cell;width: 70%;margin: 0;padding: 0.3em 0.8em;border: 1px solid #fff;background:#c2b09d; vertical-align:top; text-align:left; }body#front .row > .cell2 {font-size:0.9em; display: table-cell;padding: 0.3em 0.8em;border: 1px solid #fff;background:#f0ede9; vertical-align:top; text-align:right; }body#admin .csstable{ display:table; width: 100%; border-spacing:0; border-collapse: collapse;  }body#admin .csstable .row{ display:table-row; margin:0; padding:0; }body#admin .row > .cell1 {display: table-cell;width: 130px;margin: 0;padding: 0.3em;border: 1px solid #ccc;background:#ddd; vertical-align:top; }body#admin .row > .cell2 {display: table-cell;padding: 0.3em;border: 1px solid #ccc;background:#f4f4f4; vertical-align:top; }body#admin div.note { font-size:0.85em; clear:both; margin:0.2em 0 0.4em 0; }body#admin div.completed { background:#0b0; color:#fff; text-align:center; line-height:2em; font-size:1.3em; margin:0.8em 0 0 0;  }body#admin .actionbuttons { text-align:right; float:right; margin:0em 0 0 0; }body#admin .actionbuttons a { padding:0.3em 0.8em; border:0; margin:10px 0px 2px 0; text-decoration:none; color:#000; line-height:1.7em;background-image: -webkit-gradient(linear,left bottom, left top, from(#bbb), to(#fff));border:1px solid #bbb; }body#admin .actionbuttons span { padding:0.3em 0.8em; border:0; margin:10px 0px 2px 0; text-decoration:none; color:#aaa;  line-height:1.7em;background-image: -webkit-gradient(linear,left bottom, left top, from(#bbb), to(#fff));border:1px solid #bbb; }body#admin div.formactionbuttons { clear:both; text-align:center; margin: 3em 0 0 0; }body#admin div.formactionbuttons div.links { margin:2em 0 0 0; }body#admin input[type="button"] { font-size:1em; }body#admin input[type="submit"] { font-size:1em; }body#admin select { font-size:1em; }body#admin input[type="text"] { border:1px solid #ccc; }body#admin input[type="password"] { border:1px solid #ccc; }body#admin textarea { border:1px solid #ccc; padding:0.5em; width:100%; }body#admin td { vertical-align:top; }body#admin div.errorbar { background-color:#f00; color:#fff; text-align:center; margin:0 0 1em 0; }body#admin div.uploadimagebox { background:#555; padding:2px; margin:0 0 5px 0; color:#ccc; font-size:0.8em; line-height:10em; text-align:center; }body#admin .intro { margin:1.5em 0; }body#admin table.calendar { padding: 0; margin: 10px 10px 10px 0px; border-collapse: collapse; float:left; width:100%; }body#admin table.inner { padding: 0; margin: 0px; border:0px; border-collapse: collapse; line-height:1.7em;}body#admin div.calendar { float:left; width:30%; max-width:400px; min-width:280px; margin:5px 3% 10px 0; }body#admin div.calendar h2 { font-size:1.5em; margin:1em 0 0 0; }body#admin label { cursor:pointer; }body#admin table.calendar th { vertical-align: middle;  text-align: left; font-size:12px; padding:0px 0px; font-weight: normal; line-height:1.1em; }body#admin table.calendar th a { text-decoration:none; color:#00e; }body#admin table.calendar td { vertical-align: middle;  text-align: right; border:1px solid #aaa; border-collapse: collapse; font-size:10px; padding:0px 0px; font-weight: normal; line-height:1em; height:2em; }body#admin table.calendar td input { margin:0px 0; padding:0; border:0; cursor:pointer; }body#admin table.calendar td label span { display:block; float:left; height:30px; }body#admin table.calendar td label { display:block; margin:0; height:30px; }body#admin table.calendar td span.td { display:block; padding:5px 4px; height:30px; }body#admin table.calendar td span.tdadmin { cursor:pointer; }body#admin table.calendar td span.istoday { border:2px solid #f00; }body#admin table.calendar td.nb {  }body#admin table.calendar td.off { background-color:#fff;color:#aaa; }body#admin table.calendar td.on { background-color:#ffe3b6; color:#444; }body#admin table.calendar .today0 { background:#f00; color:#fff; }body#admin table.calendar .today1 { background:#0c0; color:#fff; }body#admin div.calstatus { display:none; }body#admin div.calendaredit table.calendar .past { background:#ddd; }body#admin div.calendaredit table.calendar td.on { background-color:#ffb76a;color:#444; }body#admin div.calendaredit table.calendar td.on:hover { background:#ff8400; }body#admin div.calendaredit table.calendar td.off:hover { background:#eee; }body#admin div.calendaredit table.calendar td.on:active { background-color:#ff0;color:#444; }body#admin div.calendaredit table.calendar td.off:active { background-color:#ff0;color:#444; }body#admin table.calendar td.today { border:2px solid #e00; }body#admin div.calstatus { float:right; width:100px; font-size:90%; font-weight:normal; color:#444; text-align:right; }body#admin div.calstatus span.open { background-color:#ffc07c; padding:1px 5px; }body#admin div.calstatus span.close { background-color:#eeeeee; padding:1px 5px; }body#admin table.calendar tr.waiting { background-color:#ff0; }body#admin table.calendar tr.expired { color:#ccc; }body#admin table.calendar tr.app1done { background-color:#ffffdd; }body#admin table.calendar td.bggreen { background-color:#0f0; }body#admin table.calendar td.bgred { background-color:#f00; color:#fff; }body#admin table.calendar td.bggray { background-color:#666; color:#fff; }body#admin table.load td.errormessage { width:250px; }body#admin table.load td.status1 { background-color:#f66; }body#admin table.load td { font-size:10px; }body#admin .today0 { background:#0f0; }.progressbarbg { height:1.3em; background:#999; width:250px; margin:5px 0; }.progressbarbg .progressstatusbar { height:1.3em; background:#e60; width:0%; }.progressstatusvalue { font-size:0.5em; font-weight:normal !important; color:#fff; float:left; margin:0 0 0 2px; font-weight:bold; }.imgerror { color:#f00; clear:both; }div.layer2activemenublock { position:relative; background:#352417; z-index:99; }div.layer2activemenublock div.title { margin:0 0 0.3em 0; color:#fff; padding:0 0em; font-size:0.9em; }div.layer2activemenublock ul { list-style-type:none; margin:0 auto; padding:0.2em 0 0em 0; overflow:auto; width:90vw; }div.layer2activemenublock ul li { display:inline-block; float:left; line-height:1.5em; width:calc( ( 100% - 5px ) / 5 ); margin:0 1px 1px 0; }div.layer2activemenublock ul li a { display:inline-block; margin:0; padding:0 0 0 0; line-height:1em; color:#fff; text-decoration:none; font-size:0.9em; background:rgba(255,255,255,0.25); width:100%; text-align:center; }@media screen and (max-width: 768px)  {div.layer2activemenublock ul { width:100%; }div.layer2activemenublock ul li a { font-size:0.7em; }}div.layer2activemenublock1 { clear:both; margin:0em 0 0 0; padding:0.4em 0.5em 0.5em 0.7em !important; }div.layer2activemenublock2 { clear:both; margin:10em 0 0 0; padding:0.4em 0.5em 0.5em 0.7em !important; }div.layer2activemenublock ul.layer2 a { padding:0.9em 0.4em 0.7em 0.4em; }div.layer2activemenublock ul.layer2 a:hover { background:#d6a600; color:#fff; }div.layer2activemenublock ul.layer2 a.active { background:#d6a600; color:#fff; }div.h2index { margin:2em 0 1em 0; background:#eee; padding:0.5em; }div.h2index p { font-size:1em; margin:0.7em 0 0 1.3em;  padding:0; line-height:1.3em; text-indent:-1em; }div.h2index ul { margin:0 0 0 1em; }div.faq div.h2index { padding:1em; }ul.productpagemenu { clear:both; display:block; list-style-type:none; margin:2em 0 3em 0; padding:0; }ul.productpagemenu li { float:left; margin0; padding:0; border:0.5vw solid #fff; }ul.productpagemenu li a { text-decoration:none; font-size:1.4em; width:100%; line-height:1.3em; display:inline-block; background-color:rgba(0,0,0,0.5); color:#fff; margin:0; text-align:center; padding:0 1.5em; margin:0; height:3em; display:flex;align-items:center; }div#headerbox { width:100%; z-index:98; margin-bottom:0px; }div#headerbox div#header1 { padding:1em 0 0.5em 0; display:flex;align-items:center; background:url(/_images/headerbg.jpg); background-size:cover; }div#headerbox .logo_header { display:block; margin:0 auto; padding:0px; border:0px; width:20%; min-width:130px; max-width:230px; }div#headerbox .logo_header img { width:100%; }div#headerbox div.newsmessagebox { display:none; }div#headerbox div.newsmessageboxsm0 { position:relative; display:block; margin:0em auto 0em auto; z-index:11; }div#headerbox div.newsmessageboxsm1 { position:relative; display:block; margin:0em auto 0em auto; z-index:11; }.mmenuredicon { background:#e00; font-size:0.5em; line-height:1em; padding:0.1em 0.4em 0.1em 0.4em; vertical-align:middle; }div#index p.intro { font-size:1.2em; line-height:2em; }br.sm { display:none; }#menu_takeout .menuproduct { margin:0; padding:0; width:100%; }#menu_takeout .menuproduct li h3 { margin-top:0.5vw; font-size:1em; }#menu_takeout .menuproduct li img { width:100%; border:1px solid #eee; }#menu_takeout .menuproduct li .redicon { position:absolute; margin:0.5em; }#menu_takeout .menuproduct li { width:calc( ( 100% - 12% ) / 5 ); display:inline-block; vertical-align:top; margin-bottom:2vw; margin-right:3%; }#menu_takeout .menuproduct li:nth-child(5n) { margin-right:0; }@media screen and (max-width: 768px)  {#menu_takeout .menuproduct li { width:calc( ( 100% - 9% ) / 4 ); }#menu_takeout .menuproduct li:nth-child(5n) { margin-right:3%; }#menu_takeout .menuproduct li:nth-child(4n) { margin-right:0; }}@media only screen and (max-width: 640px) { #menu_takeout .menuproduct li { width:calc( ( 100% - 6% )/ 3 ); }#menu_takeout .menuproduct li:nth-child(4n) { margin-right:3%; }#menu_takeout .menuproduct li:nth-child(3n) { margin-right:0; }}@media only screen and (max-width: 375px) { #menu_takeout .menuproduct li { width:calc( ( 100% - 3% ) / 2 ); }#menu_takeout .menuproduct li:nth-child(3n) { margin-right:3%; }#menu_takeout .menuproduct li:nth-child(2n) { margin-right:0; }}#menu_breakfast .menuproduct { margin:0; padding:0; width:100%; }#menu_breakfast .menuproduct li h3 { font-size:1.7em; margin-top:0; }#menu_breakfast .menuproduct li img { float:right; width:40vw; max-width:200px; border:1px solid #eee; background:#444; margin:0 0 0 2em; }#menu_breakfast .menuproduct li .redicon { border:1px solid #fff; font-size:0.6em; display:block; float:left; margin:0.1em 0.5em 0 0; }#menu_breakfast .menuproduct li { width:100%; display:block; vertical-align:top; margin-bottom:2em; clear:both; overflow:auto; padding:1em 0; }#menu_breakfast .menuproduct li h3 { margin:0; padding:0; }#menu_breakfast .menuproduct li p { margin:0.5em 0; padding:0; line-height:1.6em; }#menu_breakfast .menuproduct li p.icons span { border:1px solid #666; display:inline-block; padding:0.1em 0.5em; margin:0.1em; }#menu_lightmeals .menuproduct { margin:0; padding:0; width:100%; }#menu_lightmeals .menuproduct li h3 { font-size:1.7em; margin-top:0; }#menu_lightmeals .menuproduct li img { float:right; width:50vw; max-width:250px; border:1px solid #eee; background:#444; margin:0 0 0 2em; }#menu_lightmeals .menuproduct li .redicon { border:1px solid #fff; font-size:0.6em; display:block; float:left; margin:0.1em 0.5em 0 0; }#menu_lightmeals .menuproduct li { width:100%; display:block; vertical-align:top; margin-bottom:2em; clear:both; overflow:auto; padding:1em 0; }#menu_lightmeals .menuproduct li h3 { margin:0; padding:0; }#menu_lightmeals .menuproduct li p { margin:0.5em 0; padding:0; line-height:1.6em; }#menu_lightmeals .menuproduct li p.icons span { border:1px solid #666; display:inline-block; padding:0.1em 0.5em; margin:0.1em; }@media screen and (max-width: 768px)  {#menu_lightmeals .menuproduct li img { float:none; width:100%; max-width:100%; margin:0 0 1em 0; }}#menu_lunch .menuproduct { margin:0; padding:0; width:100%; }#menu_lunch .menuproduct li h3 { font-size:1.7em; margin-top:0; }#menu_lunch .menuproduct li img { float:right; width:50vw; max-width:250px; border:1px solid #eee; background:#444; margin:0 0 0 2em; }#menu_lunch .menuproduct li .redicon { border:1px solid #fff; font-size:0.6em; display:block; float:left; margin:0.1em 0.5em 0 0; }#menu_lunch .menuproduct li { width:100%; display:block; vertical-align:top; margin-bottom:2em; clear:both; overflow:auto; padding:1em 0; }#menu_lunch .menuproduct li h3 { margin:0; padding:0; }#menu_lunch .menuproduct li p { margin:0.5em 0; padding:0; line-height:1.6em; }#menu_lunch .menuproduct li p.icons span { border:1px solid #666; display:inline-block; padding:0.1em 0.5em; margin:0.1em 0.1em 0.3em 0em; }@media screen and (max-width: 768px)  {#menu_lunch .menuproduct li img { float:none; width:100%; max-width:100%; margin:0 0 1em 0; }}#menu_dinner .menuproduct { margin:0; padding:0; width:100%; }#menu_dinner .menuproduct li h3 { font-size:1.7em; margin-top:0; }#menu_dinner .menuproduct li img { float:right; width:50vw; max-width:250px; border:1px solid #eee; background:#444; margin:0 0 0 2em; }#menu_dinner .menuproduct li .redicon { border:1px solid #fff; font-size:0.6em; display:block; float:left; margin:0.1em 0.5em 0 0; }#menu_dinner .menuproduct li { width:100%; display:block; vertical-align:top; margin-bottom:2em; clear:both; overflow:auto; padding:1em 0; }#menu_dinner .menuproduct li h3 { margin:0; padding:0; }#menu_dinner .menuproduct li p { margin:0.5em 0; padding:0; line-height:1.6em; }#menu_dinner .menuproduct li p.icons span { border:1px solid #666; display:inline-block; padding:0.1em 0.5em; margin:0.1em 0.1em 0.3em 0em; }@media screen and (max-width: 768px)  {#menu_dinner .menuproduct li img { float:none; width:100%; max-width:100%; margin:0 0 1em 0; }}#menu_cafe .menuproduct { margin:0; padding:0; width:100%; }#menu_cafe .menuproduct li h3 { font-size:1.7em; margin-top:0; }#menu_cafe .menuproduct li img { float:right; width:40vw; max-width:200px; border:1px solid #eee; background:#444; margin:0 0 0 2em; }#menu_cafe .menuproduct li .redicon { border:1px solid #fff; font-size:0.6em; display:block; float:left; margin:0.1em 0.5em 0 0; }#menu_cafe .menuproduct li { width:100%; display:block; vertical-align:top; margin-bottom:3em; clear:both; overflow:auto; }#menu_cafe .menuproduct li h3 { margin:0; padding:0; }#menu_cafe .menuproduct li p { margin:0.5em 0; padding:0; line-height:1.6em; }#menu_cafe .menuproduct li p.icons span { border:1px solid #666; display:inline-block; padding:0.1em 0.5em; margin:0.1em; }#menu_cake .menuproduct { margin:0; padding:0; width:100%; }#menu_cake .menuproduct li h3 { font-size:1.7em; margin-top:0; }#menu_cake .menuproduct li { clear:both; overflow:auto; margin:0 0 3em 0; padding:1em 0; }#menu_cake .menuproduct img { float:right; width:250px; margin:0em 0 0 2em; border:1px solid #ddd; }@media screen and (max-width: 768px)  {#menu_cake .menuproduct img { float:none; width:100%; margin:0 0 1em 0; }}.menuproduct .price { margin:0em 0 0 0 !important; }.menuproduct .price span.tax0 { font-size:1.5em; margin:0 0.2em; }.menuproduct .price span.tax1 { font-size:1.2em; margin:0 0.2em; }a.reservationbutton { clear:both; text-decoration:none; display:block; line-height:1.3em; padding:0.3em 1em; background:#d6a600; color:#fff; font-size:1.2em; margin:0 auto; text-align:center; width:12em;  }#aboutus img.aboutus { width:100%; margin:1.5em 0 0 0; }#aboutus img.aboutus3 { width:40%; max-width:200px; float:right; margin:5%; margin-top:1em; margin-right:0; }#aboutus .gogen { margin:2em 0 0 0; border:1px solid #ccc; padding:1em; font-size:1em; line-height:1.5em; }@media screen and (min-width: 768px)  {div#mmenublock { position:absolute; background:#000; width:100%; min-height:47px; margin:0px 0 0 0; z-index:100; overflow:none;  }div#openclosemmenu { display:none; }ul.mmenu { position:relative; padding:0; list-style-type:none; height:40px; width:100%; margin:0; background:#000; z-index:100; }ul.mmenu * { z-index:11; }ul.mmenu a { display:block; text-decoration:none; color:#fff; }ul.mmenu a:hover { color:#fff; }ul.mmenu li.layer1 { display:block; float:left; margin:0 0px 0 0; }ul.mmenu li.layer1 a { position:relative;  font-size:1.1em; line-height:1.8em; text-align:center; margin:0 0 0 0; border-right:1px solid #777; padding-top:1em; height:55px; }ul.mmenu li:first-child { border-left:1px solid #777; }ul.mmenu li.layer1 span.arrow { display:none; }ul.mmenu li.layer1_index { width:10%; }ul.mmenu li.layer1_aboutus { width:19%; }ul.mmenu li.layer1_menu { width:14%; }ul.mmenu li.layer1_blog { width:14%; }ul.mmenu li.layer1_access { width:25%; }ul.mmenu li.layer1_contact { width:18%; }ul.mmenu li.smmenu_login  { width:12%; text-align:center; margin:1em 0 0 0; padding:0.4em 0; float:right; display:inline-block; background:#090; }ul.mmenu li.smmenu_order  { width:12%; text-align:center; margin:1em 5px 0 0; padding:0.4em 0; float:right; display:inline-block; background:#f80; }ul.mmenu li.layer1 a:hover { background:#d6a600; color:#fff; }ul.mmenu li.smmenu_login a:hover { background:#0a0; }ul.mmenu li.layer1 > a.active { background:#d6a600; color:#fff; }ul.mmenu ul.layer2 { position:absolute; overflow:hidden; list-style-type:none; margin:0px 0 0 -1px; padding:0; }ul.mmenu ul.layer2 a { font-size:1.1em; line-height:1.5em; padding:0.7em 3em 0.7em 1em; margin:0; background:#000; color:#fff; text-align:left; height:auto; width:inherit; }ul.mmenu ul.layer2 a:hover { background:#d6a600; }ul.mmenu ul.layer2 a.active { background:#d6a600; color:#fff; }div.layer2activemenublock1 { margin:0 0 0 0; padding:0.3em 0 0.5em 0; border-top:1px solid #777; }}@media only screen and (max-width: 767px)  {br.sm { display:block; }div#mmenublock { position:absolute; background:#000; width:100%; margin:0px 0 0 0; z-index:100; overflow:hidden; }div#mmenu_data {height: 100%;overflow: auto;-webkit-overflow-scrolling: touch;}div#openclosemmenu { position:relative; display:block; width:100%; background:#000; border-bottom:1px solid #777; text-align:center; color:#fff; font-size:1.3em; padding:0.2em 0; line-height:1.8em; z-index:300; height:2.4em; display:flex;align-items:center; }div#openclosemmenubutton { position:absolute; font-size:1em; cursor:pointer; padding:0.5em 1em 0.6em 1em; display:flex; align-items:center; justify-content: center; z-index:100; width:calc( 100% ); cursor:pointer; margin:0 auto; }div#openclosemmenubutton img { height:1em; margin:0 0.4em 0 0; }div#openclosemmenubutton span { display:inline; margin:0.2em 0 0 0; }div#openclosemmenu ul { display:inline-block; list-style-type:none; position:absolute; right:1em; font-size:0.7em; }div#openclosemmenu ul a { text-decoration:none; }div#openclosemmenu ul li { display:inline; }div#openclosemmenu ul li a { text-align:center; margin:0em 0 0 0.3em; padding:0.4em 1.5em; float:right; display:inline-block; color:#fff; }div#openclosemmenu ul li.smmenu_login  a { background:#090; }div#openclosemmenu ul li.smmenu_order  a { background:#f80; }ul.mmenu { position:relative; padding:0; list-style-type:none; width:100%; margin:0; z-index:100; overflow:hidden; display:none; }ul.mmenu * { z-index:11; }ul.mmenu a { display:block; text-decoration:none; color:#fff; }ul.mmenu a:hover { color:#fff; }ul.mmenu li.layer1 { display:block; margin:0 0px 0 0; }ul.mmenu li.layer1 a { position:relative;  font-size:1.1em; line-height:2em; text-align:left; margin:0 0 1px 0; padding:0.5em 1em; background:#78685d;  }ul.mmenu li.layer1 span.arrow { position:absolute; right:0;  color:#fff; display:block; margin:-2.5em 1em 0 0 ; z-index:100; }ul.mmenu li.layer1 a:hover { background:#d6a600; color:#fff; }ul.mmenu li.layer1 a.active { background:#d6a600; color:#fff; }ul.mmenu li:first-child a { margin-top:2em; }ul.mmenu li:last-child a { margin-bottom:2em; }ul.mmenu ul.layer2 { position:relative; overflow:hidden; list-style-type:none; margin:0px 0 0 1px; padding:0 1em; background:#352417; }ul.mmenu ul.layer2 a { font-size:1.1em; line-height:1.5em; padding:0.7em 2em 0.7em 1em; border-top:1px solid #222; margin:0; background:#78685d; color:#fff; text-align:left; }ul.mmenu ul.layer2 a:hover { background:#d6a600; }ul.mmenu ul.layer2 li:first-child a { margin-top:1em; }ul.mmenu ul.layer2 li:last-child a { margin-bottom:1em; }ul.mmenu ul.layer2 a.active { background:#d6a600; color:#fff; }ul.mmenu li[class^="smmenu"] a { text-align:center; display:inline-block; margin-top:1em; margin-bottom:2.5em; line-height:2em; }ul.mmenu li.smmenu_contact a { color:#000; margin:1em 0 0.5em 0; width:100%; }ul.mmenu li.smmenu_login0 a { background:#090; margin:1em auto 1.5em auto; width:calc( 50% - 1px ); float:right; }ul.mmenu li.smmenu_login1 a { background:#090; margin:0 1% 1.5em 0 ; width:50%; float:left; }ul.mmenu li.smmenu_login2 a { background:#090; margin:0 0 1.5em 0 ; width:49%;  float:left; }ul.mmenu li.smmenu_order a { background:#f80; margin:1em auto 1.5em auto; width:calc( 50% - 1px ); float:left; }#blog div.blogcontentsarea { width:100%; margin:3em 0 0 0; }#blog div.blogsubcontentsarea { width:100%; margin:0.5em 0 0 0; }#index ul.bloglist li { position:relative; width:calc( ( 100% / 3 ) ); display:block; float:left; color:#fff; }div.productlistbox div.databox { float:left; width:calc( 100% - 35% - 2em ); }.slide-wrap {display: flex;margin: 0 auto;width: 100%;}.slide-box {height: auto;margin-right: 1%;width: 24%;}.slide-wrap {overflow-x: scroll;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}.slide-box {flex: 0 0 100%;}}@media only screen and (max-width: 640px)  {#blog ul.latestposts li { width:100%; }#blog ul.latestposts .imgsquare { max-width:50px; width:25%; float:left; margin:0.2em 0.8em 1em 0; }#index ul.bloglist li { position:relative; width:calc( ( 100% / 2 ) ); display:block; float:left; color:#fff; }}.banner_cashless1 { display:inline-block; margin: 0em 0em 0em 0em; border:1px solid #ccc; width:100%; max-width:600px; }* { font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','sans-serif','Lucida Grande','Arial','Osaka';  }