@charset "utf-8";

@media only screen and (max-width: 640px) {


/*============================
#header
============================*/
#header { height: 60px; box-sizing: border-box; }

/*============================
#headerPC
============================*/
#headerPC { display: none; }

/*============================
#navArea
============================*/
#navArea { display: none; }

/*============================
#headerSP
============================*/
#headerSP { display: block; }
#headerSP .first { padding: 15px; box-sizing: border-box; background: #fff; }
#headerSP .first .tagline { position: absolute; top: 27px; left: 150px; font-size: 0.65em; font-weight: bold; }
#headerSP .first .logo {}
#headerSP .first .logo a {}
#headerSP .first .logo a img { width: auto; height: 30px; }
#headerSP .first .text { margin-top: 4px; font-size: 0.6em; margin-left: 85px; color: #999; display: none; }

#headerSP button.drawer-toggle.drawer-hamburger { padding: 12px 15px 30px!important; width: 28px; }
#headerSP button.drawer-toggle.drawer-hamburger .sr-only {}
#headerSP button.drawer-toggle.drawer-hamburger .drawer-hamburger-icon {}
#headerSP button.drawer-toggle.drawer-hamburger .menu { position: absolute; display: inline-block; right: 13px; top: 37px; font-size: 10px!important; text-align: right; z-index: 9999; color: #a04e4a; }
#headerSP .drawer-hamburger-icon { background-color: #a04e4a; }
#headerSP .drawer-hamburger-icon:after { margin-top: -1px; background-color: #a04e4a;  }
#headerSP .drawer-hamburger-icon:before { margin-top: 1px; background-color: #a04e4a; }
.drawer-open #headerSP .drawer-hamburger-icon { background: none; }

#headerSP nav.drawer-nav {}
#headerSP nav.drawer-nav ul.drawer-menu {}
#headerSP nav.drawer-nav ul.drawer-menu li { border-bottom: solid 1px #ddd; }
#headerSP nav.drawer-nav ul.drawer-menu li > a { display: block; color: #222; padding: 12px; line-height: 1.5; font-weight: bold; font-size: 0.875em; }
#headerSP nav.drawer-nav ul.drawer-menu li.en { padding: 10px; border: none; }
#headerSP nav.drawer-nav ul.drawer-menu li.en a { display: block; background: #a04e4a; color: #fff; border-radius: 2px; text-align: center; font-size: 0.875em; padding: 8px; }
#headerSP nav.drawer-nav ul.drawer-menu li.ja { padding: 10px; margin-top: -10px; }
#headerSP nav.drawer-nav ul.drawer-menu li.ja a { display: block; background: #ede8e7; color: #222; border-radius: 2px; text-align: center; font-size: 0.875em; padding: 8px; }
#headerSP nav.drawer-nav .other .contact {}
#headerSP nav.drawer-nav .other .contact a { display: block; background: #ede8e7; color: #222; font-size: 0.875em; padding: 14px 0 13px; text-align: center; }

/*============================
#pageSet
============================*/
#pageSet { width: inherit; }
#pageSet .pageSetContent { width: inherit; margin: 0; }

/*============================
#footer
============================*/
#footer { min-width: inherit; margin-top: 0; }
#footer .pad { width: inherit; }
#footer .pad .footerMenu { width: inherit; margin: 0 20px; padding-top: 20px; }
#footer .pad .footerMenu .mainMenu { float: inherit; width: inherit; display: block; padding: 20px 0 0 0; height: inherit!important; border-top: dashed 1px #ccc;  }
#footer .pad .footerMenu .mainMenu .title { font-size: 1.25em; }
#footer .pad .footerMenu .mainMenu .content { margin-top: 10px; }
#footer .pad .footerMenu .mainMenu .content ul { display: block; width: 100%; margin-right: 0; padding-bottom: 16px; }
#footer .pad .footerMenu .mainMenu .content ul li { margin-top: 0; float: left; width: 50%; }
#footer .pad .footerMenu .mainMenu .content ul li a { font-size: 1em; display: block; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; background-size: 4px auto; line-height: 1.3; }
#footer .pad .footerMenu .shopMenu { clear: both; float: inherit; width: inherit; height: inherit!important; display: block; border-left: none; padding: 20px 0 0 0; border-top: dashed 1px #ccc; }
#footer .pad .footerMenu .shopMenu .title { font-size: 1.25em; }
#footer .pad .footerMenu .shopMenu .content { margin-top: 10px; }
#footer .pad .footerMenu .shopMenu .content ul { float: left; display: block; width: 50%; margin-right: 0; padding-bottom: 16px; }
#footer .pad .footerMenu .shopMenu .content ul:first-child{ margin-right: 0; }
#footer .pad .footerMenu .shopMenu .content ul li { margin-top: 5px; }
#footer .pad .footerMenu .shopMenu .content ul li a { font-size: 1em; display: block; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; line-height: 1.25; background:  url(../../imageFile/global/icon_arrow_textLink.png) no-repeat left 13px; background-size: 4px auto; }
#footer .pad .footerMenu .infoMenu { clear: both; float: inherit; width: inherit; height: inherit!important; display: block; border-left: none; padding: 20px 0 0 0; border-top: dashed 1px #ccc; }
#footer .pad .footerMenu .infoMenu .cardsTitle { font-size: 1.25em; }
#footer .pad .footerMenu .infoMenu .creditImg { margin-top: 10px; }
#footer .pad .footerMenu .infoMenu .infoText { margin-top: 10px; font-size: 0.875em; }
#footer .pad .footerMenu .infoMenu .allergyTitle { margin-top: 10px; font-size: 1em; }
#footer .pad .footerMenu .infoMenu .text { margin-top: 10px; font-size: 0.875em;}

#footer .pad .copyright { padding: 20px; margin: 20px 20px 0; font-size: 0.75em; border-top: dashed 1px #ccc; }

}