@charset "utf-8";

@media only 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
============================*/
body { min-width: inherit; }

/*============================
#header
============================*/
#header { padding: 0; }
#header .pcMainNavi { display: none; }
#header .logo { right: 50%; top: 25px; margin-right: -30px; }
#header .logo a {}
#header .logo a img { height: 40px; width: auto; }
#header .sideMenu { display: block; }
#header .sideMenu nav.global-nav {}
#header .sideMenu nav.global-nav ul.global-nav__list {}
#header .sideMenu nav.global-nav ul.global-nav__list li.global-nav__item {}
#header .sideMenu nav.global-nav ul.global-nav__list li.global-nav__item a {}

.global-nav { display: block; position: fixed; top: 50%; width: 90%; right: 50%; margin-right: -45%; margin-top: -25%; transition: all .6s; z-index: 200; overflow-x: hidden; overflow-y: auto; text-align: left; opacity: 0; pointer-events: none; }
.global-nav__list { padding: 0; list-style: none; }
.global-nav__item { text-align: left; margin-bottom: 10px; }
.global-nav__item a { display: block; padding: 12px 0; text-decoration: none; color: #fff; position: relative; text-align: center; font-size: 1.125em; background-color: rgba(0,0,0,0.2); border-radius: 50px; }
.hamburger { position: fixed; right: 6%; top: 30px; width: 35px; height: 35px; cursor: pointer; z-index: 300; }
.hamburger__line { position: absolute; left: 50%; width: 35px; margin-left: -19px; height: 1px; background-color: #000; transition: all .6s; }
.hamburger__line--1 { top: 0; }
.hamburger__line--2 { top: 12px; }
.hamburger__line--3 { top: 24px; }
.hamburger__text { position: absolute; text-align: center; display: block; width: 100%; bottom: 9px; letter-spacing: 0.1em; font-size: 0.6em; color: #fff; padding-left: 2px }
.black-bg { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 100; background: #a79b92; background: linear-gradient(90deg,#a79b92,#96ab90); opacity: 0; visibility: hidden; transition: all .6s; cursor: pointer; }
.nav-open .global-nav { opacity: 1; pointer-events: inherit; }
.nav-open .black-bg { opacity: .9; visibility: visible; }
.nav-open .hamburger { right: 6%; top: 30px; background: inherit; }
.nav-open .hamburger__line { background-color: #fff; }
.nav-open .hamburger__line--1 { transform: rotate(45deg); top: 22px; }
.nav-open .hamburger__line--2 { width: 0; left: 50%; }
.nav-open .hamburger__line--3 { transform: rotate(-45deg); top: 22px; }
.nav-open .hamburger__text { display: none; }
	
/*============================
#footer
============================*/
#footer {}
#footer .copyright { padding: 20px 0; font-size: 0.875em; }
	
}