@charset "utf-8";

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

/*============================
body
============================*/
body { width: auto; min-width: inherit; }

/*============================
#pageSet
============================*/
#pageSet { width: auto; margin: 0 15px; }

/*============================
#header
============================*/
#header { padding-bottom: 0; }
#header .pad { width: auto; padding: 0 20px; }
#header .pad .navArea {}
#header .pad .navArea .tagline {}
#header .pad .navArea .logo { margin-top: 10px; }
#header .pad .navArea .logo a {}
#header .pad .navArea .logo a img { width: 116px; }

#header_sp { display: block; min-height: 62px; }
#header_pc { display: none; }

/*  sidemenu */
#header .mean-container .mean-bar { background: #fff; color: #688649; text-align: left; padding: 0; float: inherit; }
#header .mean-container .mean-bar a.meanmenu-reveal { font-size: 30px!important; }
#header .mean-container a.meanmenu-reveal { color: #333; font-size: 30px; top: 8px; }
#header .mean-container a.meanmenu-reveal span { background: #688649; }
#header .mean-container .mean-nav { background: #fff; color: #688649; margin-top: 0; }
#header .mean-container .mean-nav ul li a { color: #fff; border-top: solid 1px #889669; background: #688649; font-weight: bold; text-transform: inherit; }
#header .mean-container .mean-nav ul li a:hover { opacity: 1; background: #789659; }
#header .mean-container .mean-nav ul li a.mean-expand { height: 23px; background: #eee; border-left: solid 1px #ddd!important; }
#header .mean-container .mean-nav .logo { padding: 14px 15px 12px; }
#header .mean-container .mean-nav .logo img { height: 36px; width: auto; }

/*============================
#pankuzu
============================*/
#pankuzu { padding: 15px; line-height: 1.4; }
#pankuzu a { margin-right: 15px; }
#pankuzu span { margin-right: 15px; }
#pankuzu em {}

/*============================
#footer
============================*/
#footer { padding: 20px 0; }
#footer .content { width: auto; margin: 0; }
#footer .mainNav { margin: 0 20px; }
#footer .mainNav a { margin-right: 15px; }
#footer ul.subNav { margin: 10px 20px 0; }
#footer ul.subNav li { margin-top: 10px; }
#footer ul.subNav li span {}
#footer ul.subNav li a { margin-right: 10px; }

/*============================
#copyRight
============================*/
#copyRight {}

/*============================
#error404
============================*/
#error404 { padding: 30px 0 40px; }
#error404 .errorBlock {}
#error404 .errorBlock .catch {}
#error404 .errorBlock .text { margin-top: 20px; }


}