@charset "utf-8";
/* CSS Document */

body {}

/*============================
#js_loading
============================*/
#js_loading { width: 100%; height: 100%; background: #ff8e44; background: #11220D; position: fixed; top: 0; left: 0; z-index: 20000; }

.spinner { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-top: -20px; margin-left: -20px; }
.double-bounce1, .double-bounce2 { width: 100%;  height: 100%; border-radius: 50%; background-color: #fff; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; }
.double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
  0%, 100% {  transform: scale(0.0); -webkit-transform: scale(0.0); } 50% {  transform: scale(1.0); -webkit-transform: scale(1.0); }
}


/*============================
#sideMenu
============================*/
#sideMenu { padding: 0; list-style: none; }
#sideMenu .logo { text-align: center; margin-bottom: 70px; }
.global-nav { display: block; position: fixed; top: 50%; width: 90%; left: 50%; transform: translateX(-50%) translateY(-50%); transition: all .3s; z-index: 200; overflow-x: hidden; overflow-y: auto; text-align: left; opacity: 0; pointer-events: none; }
#sideMenu .logo a img { width: 220px; height: auto; fill: #fff; }
#sideMenu .link {}
#sideMenu .link ul {}
#sideMenu .link ul li:nth-child(n+2) a { margin-left: 6%; color: rgba(255,255,255,0.52); font-size: 0.75em; font-weight: lighter; }
#sideMenu .link ul li.title { display: block; padding: 16px 10px; text-decoration: none; color: #fff; text-align: left; font-size: 0.875em; letter-spacing: 0.08em;  font-weight: bold; }
#sideMenu .link ul li a { display: block; padding: 16px 10px; text-decoration: none; color: #fff; position: relative; text-align: left; border-bottom: solid 1px #777; font-size: 0.875em; letter-spacing: 0.08em; font-weight: bold; }
#sideMenu .link ul li:first-child a { border-top: solid 1px #777; }
#sideMenu .link ul li a::before { display: block; content: ""; position: absolute; top: 50%; margin-top: 0px; right: 6px; width: 14px; height: 1px; background: #777; transition: 0.2s all; opacity: 0.8; }
#sideMenu .link ul li a::after { display: block; content: ""; position: absolute; top: 50%; margin-top: 1px; right: 9px; width: 7px; height: 1px; background: #777; transform: rotate(45deg) translate(0,-5px); transition: 0.2s all; opacity: 0.8; }
#sideMenu .link ul li.business > a::before {}
#sideMenu .link ul li.business > a::after { transform: rotate(90deg); width: 14px; right: 6px; margin-top: 0; }
#sideMenu .link ul li.business > a.close::after { display: none; }
#sideMenu .link ul li.business .subLink ul li a { border-bottom: dotted 1px #555; padding-left: 20px; pointer-events: none; opacity: 0.25; }
#sideMenu .link ul li.business .subLink ul li:first-child a { border-top: none; }
#sideMenu .contact { text-align: center; margin-top: 70px; color: #fff; letter-spacing: 0.06em; }
#sideMenu .contact:before { display: inline-block; content:''; background: url("../../imageFile/top/icon_mail.svg") no-repeat; background-size: contain; width: 26px; height: 15px; margin-right: 6px; }
#sideMenu .contact a { width: 100%; }
#sideMenu .instagram { text-align: center; margin-top: 20px; color: #fff; letter-spacing: 0.06em; }
#sideMenu .instagram:before { display: inline-block; content:''; background: url("../../imageFile/top/icon_insta.svg") no-repeat; background-size: contain; width: 18px; height: 18px; margin-right: 10px; }
#sideMenu .instagram a { width: 100%; }
.hamburger { position: fixed; right: 18px; top: 15px; width: 36px; height: 32px; cursor: pointer; z-index: 300; }
.hamburger__line { position: absolute; left: 50%; width: 26px; margin-left: -10px; height: 1px; background-color: #fff; transition: all .3s; }
.hamburger__line--1 { top: 4px; }
.hamburger__line--2 { display: none; }
.hamburger__line--3 { top: 16px; }
.black-bg { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 100; background-color: #222; opacity: 0; visibility: hidden; transition: all .2s; cursor: pointer; }
.nav-open .global-nav { opacity: 1; pointer-events: inherit; }
.nav-open .black-bg { opacity: 1; visibility: visible; }
.nav-open .hamburger { right: 18px; background: inherit; }
.nav-open .hamburger__line { background-color: #fff; }
.nav-open .hamburger__line--1 { transform: rotate(45deg); top: 10px; }
.nav-open .hamburger__line--2 { width: 0; }
.nav-open .hamburger__line--3 { transform: rotate(-45deg); top: 10px; }
.nav-open .hamburger__text { display: none; }