@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: inherit; }

.cssload-loader {
  left: calc(50% - 40px);
  top: calc(50% - 40px);
  width: 80px;
  height: 80px;
  perspective: 600px;
}
	
/*============================
#header
============================*/
#header { height: 60px; }
#header::before { height: 60px; }
#header .logo { left: 20px; top: 30px; }
#header .logo img { width: 180px; height: auto; }
#header .lang { right: 75px; top: 32px; }
#header .lang span a { margin: 0 6px; font-size: 1em; }
#header .lang span a.active {}
#header.hide { height: 60px; }
#header.hide::before { height: 60px; }
#header.hide .logo { top: 20px; }
#header.hide .lang { top: 20px; }
#header.hide .hamburgerMenu .hamburger { top: 20px; }
#header .hamburgerMenu {}
#header .hamburgerMenu .checkbox-toggle { top: 20px; right: 10px; width: 65px; height: 55px; }
#header .hamburgerMenu .checkbox-toggle:checked + .hamburger > div { background: #fff; }
#header .hamburgerMenu .checkbox-toggle:checked + .hamburger > div:before,
#header .hamburgerMenu .checkbox-toggle:checked + .hamburger > div:after { background: #fff; }
#header .hamburgerMenu .checkbox-toggle:checked + .hamburger > div:after {}
#header .hamburgerMenu .checkbox-toggle:checked + .hamburger span { color: #fff; }
#header .hamburgerMenu .checkbox-toggle:checked ~ .menu {}
#header .hamburgerMenu .checkbox-toggle:checked ~ .menu > div {}
#header .hamburgerMenu .checkbox-toggle:checked ~ .menu > div > div {}
#header .hamburgerMenu .checkbox-toggle:checked:hover + .hamburger > div {}
#header .hamburgerMenu .hamburger { top: 20px; right: 10px; width: 65px; }
#header .hamburgerMenu .hamburger > div {}
#header .hamburgerMenu .hamburger > div:before,
#header .hamburgerMenu .hamburger > div:after {}
#header .hamburgerMenu .hamburger > div:before {}
#header .hamburgerMenu .hamburger > div:after {}
#header .hamburgerMenu .hamburger span { position: absolute; width: 100%; text-align: center; bottom: 20px; right: 0; z-index: 1; color: #fff; font-size: 0.875em; letter-spacing: 0.1em; }
#header .hamburgerMenu .menu {}
#header .hamburgerMenu .menu > div {}
#header .hamburgerMenu .menu > div > div {}
#header .hamburgerMenu .menu > div > div > .logo {}
#header .hamburgerMenu .menu > div > div > .logo img { }
#header .hamburgerMenu .menu > div > div > ul {}
#header .hamburgerMenu .menu > div > div > ul > li {}
#header .hamburgerMenu .menu > div > div > ul > li > a {}
#header .hamburgerMenu .menu > div > div > ul > li.movie a {}	
#header .hamburgerMenu .menu > div > div > ul > li.venue a {}	
#header .hamburgerMenu .menu > div > div > ul > li.top {}
#header .hamburgerMenu .menu > div > div > ul > li.top::after {}	
#header .hamburgerMenu .menu > div > div > ul > li.top a {}
#header .hamburgerMenu .menu > div > div > ul > li.subTitle {}


/*============================
#footer
============================*/
#footer {}
#footer .sns {}
#footer .sns ul {}
#footer .sns ul li { margin: 0 8px; }
#footer .sns ul li a {}
#footer .sns ul li a img {}
#footer .copy { margin-top: 25px; }
#footer .copyright { margin-top: 15px; }

	
}