@charset "utf-8";

html { background: #222; }
body { min-width: 1240px; background: #f5f5f5; }

/*============================
#js_loading
============================*/
#js_loading { width: 100%; height: 100%; background: #222; background: linear-gradient(90deg,#222,#333); 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); }
}

/*============================
#header
============================*/
#header { width: 100%; min-width: 1240px; padding: 0 4%; z-index: 99; background: #fff; }
#header .content { padding: 20px 0; border-bottom: solid 1px rgba(255,255,255,0.5); position: relative; }
#header .logo { position: relative; top: -3px; }
#header .logo a {}
#header .logo a img { width: 260px; height: auto; }
#header .logo a span { display: inline-block; border: solid 1px #222; font-weight: 300; font-size: 1.25em; padding: 5px 10px; margin-left: 12px; color: #222; position: relative; top: 4px; line-height: 1; letter-spacing: 0.05em; }
#header .pcSubNavi { position: absolute; top: 29px; right: 0; }
#header .pcSubNavi ul {}
#header .pcSubNavi ul li { display: inline-block; float: right; margin-left: 30px; }
#header .pcSubNavi ul li a { font-size: 1.125em; color: #222; letter-spacing: 0.05em; }
#header .pcSubNavi ul li.insta a img { width: 40px; height: auto; position: relative; top: -8px; }
#header .sideMenu { display: none; }
#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 {}
#header .sideMenu #js-hamburger.hamburger {}
#header .sideMenu #js-hamburger.hamburger span.hamburger__line.hamburger__line--1 {}
#header .sideMenu #js-hamburger.hamburger span.hamburger__line.hamburger__line--2 {}
#header .sideMenu #js-hamburger.hamburger span.hamburger__line.hamburger__line--3 {}
#header .sideMenu #js-black-bg.black-bg {}

/*============================
#footer
============================*/
#footer { background: #222; }
#footer .content { margin: 0 4%; text-align: left; position: relative; }
#footer .content .copyright { color: #fff; background: #222; padding: 30px 0; }
#footer .content .link { position: absolute; top: 34px; right: 0; }
#footer .content .link ul { display: inline-block; }
#footer .content .link ul li { display: inline-block; float: left; margin-left: 30px; }
#footer .content .link ul li a { color: #aaa; font-size: 0.9125em; transition: all 250ms ease-out; }
#footer .content .link ul li a:hover { color: #ccc; text-decoration: underline; }

/*============================
#recaptcha
============================*/
.grecaptcha-badge { visibility: hidden; }