@charset "utf-8";

@media only screen and (max-width: 640px) {
	
main {}
	
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
font-size: 14px; }
	
/*============================
body
============================*/
body { min-width: 320px; }
main {}

.cssload-loader {
  left: calc(50% - 40px);
  top: calc(50% - 40px);
  width: 80px;
  height: 80px;
  perspective: 500px;
}
	
/*============================
#header
============================*/
#header { padding: 20px; }
#header .logo {}
#header .logo a {}
#header .logo a img { width: 90px;  }
#header .button { right: 10px; top: 10px; }
#header .button a.md_btn_line {}

/*============================
#footer
============================*/
#footer { margin-top: 40px; padding: 40px 1px; }
#footer .md_container { display: block; position: relative; max-width: 375px; }
#footer .subTitle {}
#footer .sns { position: absolute; right: 20px; top: -10px; }
#footer .sns ul {}
#footer .sns ul li { margin-left: 20px; }
#footer .sns ul li a {}
#footer .sns ul li a img { width: 36px; height: auto; }
#footer .navi { margin-top: 30px; }
#footer .navi ul {}
#footer .navi ul li { float: inherit; display: block; margin-left: 0; }
#footer .navi ul li a { display: block; padding: 20px 0; font-weight: bold; }
#footer .navi ul li:last-child { margin-top: 20px;}
	
}