@charset "utf-8";

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

body { min-width: inherit; }

/*============================
#header
============================*/
#header {}
#header .button { top: inherit; bottom: 0; right: 0; border-bottom-left-radius: 0; width: 100%; }
#header .button .language {}
#header .button .language a {}
#header .button .reservation { width: 80%; }
#header .button .reservation a { padding: 20px 20px 20px 40px; }
#header .button .reservation a::before {}
#header .button .reservation a::after { right: 20px; }
#header .button .reservation a span {}
#header .logo_sp { display: block; position: absolute; left: 50%; transform: translateX(-50%); top: 18vh; z-index: 9; }
#header .logo_sp a { display: block; width: 290px; text-align: center; }
#header .logo_sp a img { width: 200px; height: auto; position: relative; top: -5px; }

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

/*============================
#footer
============================*/
#footer { padding: 60px 20px 100px; }
#footer .logo {}
#footer .logo a { display: block; }
#footer .logo a img { width: 50px; height: auto; }
#footer .logo a .tagline { position: absolute; left: 65px; top: 0; font-size: 0.875em; text-align: left;  }
#footer .logo a .name { position: absolute; left: 65px; top: 28px; font-size: 1.5em; text-align: left; }
#footer .logo a .name span {}
#footer .logo a:hover .tagline {}
#footer .logo a:hover .name {}
#footer .logo a:hover .name span { letter-spacing: 0.125em; }
#footer .address { margin-top: 30px; color: #fff; line-height: 1.75; letter-spacing: 0.1em; }
#footer .footerMenu { margin-top: 30px; position: inherit; right: inherit; top: inherit; }
#footer .footerMenu ul { border-top: solid 1px #555; }
#footer .footerMenu ul li { float: inherit; margin-left: 0; display: block; }
#footer .footerMenu ul li:first-child {}
#footer .footerMenu ul li a { display: block; padding: 12px 0; border-bottom: solid 1px #555; text-align: center; }
#footer .footerMenu ul li a::before {}
#footer .footerMenu ul li a:hover {}
#footer .footerMenu ul li a:hover::before {}
#footer .companyLogo { margin-top: 30px; text-align: center; }
#footer .companyLogo a {}
#footer .companyLogo a img { width: 100px; height: auto; }
#footer .copyright { margin-top: 20px; font-size: 0.75em; }
	
}