@charset "utf-8";

@media screen and (max-width: 640px) {
	
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 { min-width: inherit; }

/*============================
#header
============================*/
#header { min-width: inherit; }
#header nav { display: none; }
#header nav.is-fixed {}
#header nav .logo {}
#header nav .logo a {}
#header nav .logo a img {}
#header nav .globalNav {}
#header nav .globalNav .rightArea {}
#header nav .globalNav .rightArea ul {}
#header nav .globalNav .rightArea ul li {}
#header nav .globalNav .rightArea ul li a {}
#header nav .globalNav .rightArea ul li a span {}
#header nav .globalNav .rightArea .instagram {}
#header nav .globalNav .rightArea .instagram a {}
#header nav .globalNav .rightArea .instagram a img {}
#header aside.hamburgerMenu {}
#header aside.hamburgerMenu input.checkbox-toggle {}
#header aside.hamburgerMenu .hamburger {}
#header aside.hamburgerMenu .hamburger span.bar {}
#header aside.hamburgerMenu .menu {}
#header aside.hamburgerMenu .menu .wrapper {}
#header aside.hamburgerMenu .menu .wrapper .container {}
#header aside.hamburgerMenu .menu .wrapper .container .logo {}
#header aside.hamburgerMenu .menu .wrapper .container .logo a {}
#header aside.hamburgerMenu .menu .wrapper .container .logo a img {}
#header aside.hamburgerMenu .menu .wrapper .container ul {}
#header aside.hamburgerMenu .menu .wrapper .container ul li {}
#header aside.hamburgerMenu .menu .wrapper .container ul li a {}
#header aside.hamburgerMenu .menu .wrapper .container .instagram {}
#header aside.hamburgerMenu .menu .wrapper .container .instagram a {}
#header aside.hamburgerMenu .menu .wrapper .container .instagram a img {}
#header .rightbtn.sp { display: block; position: absolute; top: 20px; right: 20px; }
#header .rightbtn.sp.is-fixed { position: fixed; top: 20px; right: 20px; z-index: 1001; }
#header .rightbtn.sp .insta { position: absolute; right: 45px; }
#header .rightbtn.sp .insta a { display: inline-block; width: 20px; height: 20px; }
#header .rightbtn.sp .insta a img { width: 100%; height: auto; }
#header .rightbtn.sp .tel {}
#header .rightbtn.sp .tel a { display: inline-block; width: 20px; height: 22px; }
#header .rightbtn.sp .tel a img { width: 100%; height: auto; }

#header aside.hamburgerMenu { position: absolute; display: block; top: 0; width: 40px; z-index: 1000; left: 0; height: auto; padding: 15px 20px; }
#header aside.hamburgerMenu.is-fixed { position: fixed; top: 0; right: 50px; }
#header .hamburgerMenu .checkbox-toggle { position: absolute; top: 0; right: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; cursor: pointer; }
#header .hamburgerMenu .hamburger { width: 20px; height: 13px; top: 13px; right: -10px; display: flex; flex-direction: column; justify-content: space-between; position: relative; z-index: 1; }
#header .hamburgerMenu .hamburger .bar { width: 100%; height: 1px; background-color: #ccc; transition: all 0.4s ease; }
#header .hamburgerMenu .checkbox-toggle:checked + .hamburger .bar:nth-child(1) { background-color: #262626; transform: rotate(45deg) translateY(8px); }
#header .hamburgerMenu .checkbox-toggle:checked + .hamburger .bar:nth-child(2) { opacity: 0; }
#header .hamburgerMenu .checkbox-toggle:checked + .hamburger .bar:nth-child(3) { background-color: #262626; transform: rotate(-45deg) translateY(-9px); }
#header .hamburgerMenu .menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; visibility: hidden; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 1px solid transparent; display: flex; align-items: center; justify-content: center; }
#header .hamburgerMenu .menu > div { width: 300vw; height: 300vw; color: #111; background: rgba(255,255,255,0.96); border-radius: 50%; transition: all 0.4s ease; flex: none; transform: scale(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; display: flex; align-items: center; justify-content: center; }
#header .hamburgerMenu .menu > div > div { text-align: left; max-width: 100vw; max-height: 100vh; opacity: 0; transition: opacity 0.4s ease; }
#header .hamburgerMenu .menu > div > div > .logo {}
#header .hamburgerMenu .menu > div > div > .logo img {}
#header .hamburgerMenu .menu > div > div > ul { list-style: none; margin: 20px 0 40px; display: block; max-height: 100vh; }
#header .hamburgerMenu .menu > div > div > ul > li { width: 100%; padding: 0; margin-top: 0; font-size: 1em; display: block; position: relative; }
#header .hamburgerMenu .menu > div > div > ul > li:before { content: ''; position: absolute; top: 0; width: 100%; height: 1px; background-color: #ccc; }
#header .hamburgerMenu .menu > div > div > ul > li:first-child:before { content: none; }
#header .hamburgerMenu .menu > div > div > ul > li > a { position: relative; display: block; padding: 25px 0; cursor: pointer; letter-spacing: 0.1em; transition: opacity 0.4s ease; }
#header .hamburgerMenu .menu > div > div > ul > li.movie a, #header .hamburgerMenu .menu > div > div > ul > li.venue a { display: inline-block; white-space: nowrap; }
#header .hamburgerMenu .menu > div > div > ul > li.top { margin-bottom: 30px; }
#header .hamburgerMenu .menu > div > div > ul > li.top::after { content: ""; position: absolute; left: 0; bottom: -10px; width: 24px; height: 2px; border-bottom: solid 1px #222; }
#header .hamburgerMenu .menu > div > div > ul > li.top a { font-size: 1.75em; }
#header .hamburgerMenu .checkbox-toggle:checked ~ .menu { pointer-events: auto; visibility: visible; }
#header .hamburgerMenu .checkbox-toggle:checked ~ .menu > div { transform: scale(1); transition-duration: 0.5s; }
#header .hamburgerMenu .checkbox-toggle:checked ~ .menu > div > div { opacity: 1; transition: opacity 0.4s ease 0.4s; }
	
#header .hamburgerMenu {}
#header .hamburgerMenu input.checkbox-toggle {}
#header .hamburgerMenu .hamburger {}
#header .hamburgerMenu .hamburger span.bar {}
#header .hamburgerMenu .menu {}
#header .hamburgerMenu .menu .wrapper { background-color: rgba(248, 251, 248, 0.95); }
#header .hamburgerMenu .menu .wrapper .container { width: 85vw; }
#header .hamburgerMenu .menu .wrapper .container .logo { margin: 0 auto; width: 160px; height: 108px; }
#header .hamburgerMenu .menu .wrapper .container .logo a { display: inline-block; }
#header .hamburgerMenu .menu .wrapper .container .logo a img { width: 100%; height: auto; }
#header .hamburgerMenu .menu .wrapper .container ul {}
#header .hamburgerMenu .menu .wrapper .container ul li {}
#header .hamburgerMenu .menu .wrapper .container ul li a {}
#header .hamburgerMenu .menu .wrapper .container .instagram { text-align: center; }
#header .hamburgerMenu .menu .wrapper .container .instagram a {}
#header .hamburgerMenu .menu .wrapper .container .instagram a img { margin-right: 5px; width: 15px; height: 15px; }

/*============================
#footer
============================*/
#footer { background-size: 340%; background-position: bottom center; }
#footer .topArea { padding: 40px 0; border-radius: 0 0 50px 50px; }
#footer .topArea ul { float: none; display: flex; height: auto; width: 100%; padding-bottom: 30px; }
#footer .topArea ul li { width: 100%; }
#footer .topArea ul li:last-child { border-bottom: none; }
#footer .topArea ul li a { padding: 25px 0; }
#footer .topArea ul li a:hover {}
#footer .topArea .farm { float: none; }
#footer .topArea .farm a { display: inline-block; width: 100%; }
#footer .topArea .farm a .lebel {}
#footer .topArea .farm a .logo {}
#footer .topArea .farm a:hover .logo {}
#footer .topArea .farm a .logo {}
#footer .topArea .farm a .logo img {}
#footer .bottomArea { padding: 40px 0 70px; }
#footer .bottomArea .logo { float: none; width: 140px; height: 95px; }
#footer .bottomArea .logo a {}
#footer .bottomArea .logo a img {}
#footer .bottomArea .info { float: none; margin-top: 30px; }
#footer .bottomArea .info .time { letter-spacing: normal; }
#footer .bottomArea .info .address { margin-top: 10px; letter-spacing: normal; }
#footer .bottomArea .info .tel { letter-spacing: normal; }
#footer .bottomArea .info .tel a {}
#footer .bottomArea .info .instagram {}
#footer .bottomArea .info .instagram:before {}
#footer .bottomArea .info .instagram a {}
#footer .bottomArea .info .instagram a:hover {}
#footer .bottomArea .info .instagram a span {}
#footer .copyright { padding-left: 25px; text-align: left; }

}