@charset "utf-8";

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

/*============================
#header
============================*/
#header {}

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

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

/*============================
#headerSP
============================*/
#headerSP { display: block; }
#headerSP .first { height: 50px; padding: 15px 10px; box-sizing: border-box; background: #fff; }
#headerSP .first .tagline { position: absolute; top: 27px; left: 140px; font-size: 0.6em; 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:last-child { border-bottom: none; }
#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 .other .contact {}
#headerSP nav.drawer-nav ul.drawer-menu li.ja { padding: 10px; border: none; }
#headerSP nav.drawer-nav ul.drawer-menu li.ja 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.en { padding: 10px; margin-top: -10px; }
#headerSP nav.drawer-nav ul.drawer-menu li.en 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 a { display: block; background: #ede8e7; color: #222; font-size: 0.875em; padding: 14px 0 13px; text-align: center; }

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

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

/*============================
#footer
============================*/
#footer { min-width: inherit; margin-top: 40px; }
#footer .pad { width: inherit; }
#footer .pad .footerMenu { width: inherit; margin: 0 20px; padding-top: 15px; }
#footer .pad .footerMenu .mainMenu { float: inherit; display: block; padding: 10px 0 0 0; height: inherit!important; }
#footer .pad .footerMenu .mainMenu .title { font-size: 1em;  }
#footer .pad .footerMenu .mainMenu .content { margin-top: 10px; }
#footer .pad .footerMenu .mainMenu .content ul { float: left; display: block; width: 50%; margin-right: 0; padding-bottom: 16px; }
#footer .pad .footerMenu .mainMenu .content ul li { margin-top: 0; }
#footer .pad .footerMenu .mainMenu .content ul li a { font-size: 0.875em; display: block; padding-top: 3px; padding-bottom: 3px; }
#footer .pad .footerMenu .shopMenu { clear: both; float: inherit; display: block; padding-left: 0; border-left: none; padding: 0; height: inherit!important; padding-top: 20px; border-top: dashed 1px #ccc; }
#footer .pad .footerMenu .shopMenu .title { font-size: 1em;  }
#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 li { margin-top: 5px; }
#footer .pad .footerMenu .shopMenu .content ul li a { font-size: 0.875em; display: block; padding-top: 3px; padding-bottom: 3px; }
#footer .pad .footerMenu .formMenu { clear: both; float: inherit; display: block; width: inherit; border-left: none;  padding: 0; height: inherit!important; padding-top: 20px; border-top: dashed 1px #ccc; }
#footer .pad .footerMenu .formMenu .title { font-size: 1em; }
#footer .pad .footerMenu .formMenu .text { margin-top: 10px; font-size: 0.875em; }
#footer .pad .footerMenu .formMenu .content { margin-top: 10px; }
#footer .pad .footerMenu .formMenu .content a.contact { display: block; padding: 12px 0; font-size: 0.875em; }
#footer .pad .copyright { padding: 20px 0; margin: 0; margin-top: 30px; font-size: 0.75em; }

}