@charset "UTF-8";

/*
Theme Name:   Alchemist
Author:     hiroyuki
Version:    1.4.0
License:    GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	border: 0;
	font-size: 100%;
	font-family: "Kosugi Maru", sans-serif;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	line-height: 1.42857;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body,
button,
input,
select,
textarea {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

body {
	background: #000;
	color: #333;
	line-height: 1.42857;
}

html,
body {
	margin: 0;
	padding: 0;
	font-size: 15px;
	color: #333;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
	height: 100%;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	color: #111;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

a:hover {
	color: #fff;
	opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px;
}

h1 {
	font-size: 22px;
	line-height: 1.3846153846;
}

h2 {
	font-size: 19px;
	line-height: 1;
}

h3 {
	font-size: 15px;
	line-height: 1.0909090909;
}

h4 {
	font-size: 20px;
	line-height: 1.2;
}

h5 {
	font-size: 18px;
	line-height: 1.3333333333;
}

h6 {
	font-size: 16px;
	line-height: 1.5;
}

address {
	font-style: italic;
	margin-bottom: 24px;
}

abbr[title] {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help;
}

b,
strong {
	font-weight: 700;
}

cite,
dfn,
em,
i {
	font-style: italic;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

p {
	margin: 0 0 0.5em;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: monospace, serif;
	font-size: 15px;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	line-height: 1.6;
}

pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	color: #767676;
	font-size: 19px;
	font-style: italic;
	font-weight: 300;
	line-height: 1.2631578947;
	margin-bottom: 24px;
	border-left: 10px solid #ccc;
}

blockquote cite,
blockquote small {
	color: #2b2b2b;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

big {
	font-size: 125%;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: 0.5ex;
}

dl {
	margin-bottom: 24px;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 24px;
}

ol {
	list-style: none;
	margin: 0 0 24px 20px;
}

ul {
	list-style: none;
}

ol {
	list-style: decimal;
}

li>ul,
li>ol {
	margin: 0 0 0 20px;
}

dt {
	font-size: 15px;
}

dd {
	font-size: 15px;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-touch-callout: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0;
}

legend {
	white-space: normal;
}

button,
input,
select,
textarea {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0),
			rgba(255, 255, 255, 0));
	/* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}

td {
	border-width: 0 0 1px 0;
}

del {
	color: #767676;
}

hr {
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 23px;
}

a,
area,
button,
input,
label,
select,
summary,
textarea {
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection {
	background: #111;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #111;
	color: #fff;
	text-shadow: none;
}

.bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background-color: #00c2fa;
	height: 35px;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}

.bottom .inner {
	width: 100%;
}

.contents {
	padding-right: constant(safe-area-inset-right);
	padding-left: constant(safe-area-inset-left);
	padding-right: env(safe-area-inset-right);
	padding-left: env(safe-area-inset-left);
}

h2 {
	color: #dbdbdb;
}

h3 {
	color: #dbdbdb;
}

section {
	padding: 200px 0;
}

.btn {
	border: 1px solid #fdfdfd;
	width: 338px;
	height: 75px;
	margin: 148px auto 0;
}

.btn a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	color: #fff;
	height: 100%;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.pc {
	display: block;
}

.sp {
	display: none;
}

.site-header {
	padding: 50px 45px;
	position: fixed;
	top: 15px;
	left: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	z-index: 1000;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94),
		-webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	pointer-events: none;
	display: none;
}

html:not(.user-is-tabbing) a,
html:not(.user-is-tabbing) button {
	outline: none;
}

button {
	cursor: pointer;
}

.site-header-button {
	position: fixed;
	height: 30px;
	width: 32px;
	margin-top: -1px;
	right: 45px;
	margin-right: -6px;
	padding: 8px 6px;
	z-index: 60;
	border: 0;
	border-radius: 0;
	background-color: transparent;
	pointer-events: all;
	transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
		-webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.site-header-button .is-active {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.site-header-button .button-bar {
	position: absolute;
	top: 50%;
	right: 6px;
	left: 6px;
	height: 2px;
	width: auto;
	margin-top: -1px;
	transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
		background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
		-webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
		background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
		-webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
		opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
		background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
		opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
		background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
		-webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	background-color: #fff;
}

.site-header-button .button-bar--1 {
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px);
}

.site-header-button .button-bar--2 {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transform: scaleX(0.8);
	transform: scaleX(0.8);
}

.site-header-button .button-bar--3 {
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
}

.no-touchevents .site-header-button:hover .button-bar--2 {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.site-header-button.is-active .button-bar {
	transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
		background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
		-webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
		background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
		-webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
		opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
		background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
		opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
		background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
		-webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.site-header-button.is-active .button-bar--1 {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.site-header-button.is-active .button-bar--2 {
	opacity: 0;
}

.site-header-button.is-active .button-bar--3 {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.site-header-button.is-active:not(:focus):hover .button-bar {
	background-color: yellow;
}

.u-visually-hidden {
	border: 0;
	clip: rect(0 0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.menu-active .site-header-button .button-bar {
	background-color: #fff;
}

.no-touchevents .site-header-button:hover .button-bar--2 {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.site-menu-panel {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.site-menu-back,
.site-menu-panel {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background-color: #131419;
	pointer-events: none;
}

.site-menu-panel {
	z-index: 999;
}

body.lock-scroll,
body.menu-open {
	height: 100vh;
}

.center {
	max-width: 1024px;
	margin-right: auto;
	margin-left: auto;
}

.site-menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	z-index: 995;
	pointer-events: none;
	opacity: 0;
}

.site-menu:before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.site-menu .center {
	position: relative;
	height: 100%;
	width: auto;
	padding-right: 45px;
	padding-left: 45px;
	padding-top: 45px;
	max-width: 100%;
}

body.menu-open main {
	position: fixed;
}

.menu-close .site-menu,
.menu-close .site-menu-back,
.menu-open .site-menu,
.menu-open .site-menu-back {
	opacity: 1;
	pointer-events: auto;
}

.site-menu-content img,
.site-menu-content ul,
.site-menu-item,
.site-menu-showreel {
	opacity: 0;
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
}

.site-menu-item {
	counter-increment: b;
}

.site-menu-item a {
	padding-top: 13px;
	padding-bottom: 13px;
	font-family: Heebo, Helvetica, Arial, sans-serif;
	font-weight: 200;
	font-style: normal;
	display: block;
	-webkit-transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	color: #fff;
	font-size: 2rem;
	letter-spacing: -0.02em;
	line-height: 0.92;
	text-decoration: none;
	text-transform: uppercase;
}

.menu-open .site-menu-content img,
.menu-open .site-menu-content ul,
.menu-open .site-menu-item,
.menu-open .site-menu-showreel {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-animation-name: u70be8eda;
	animation-name: u70be8eda;
}

.site-menu-item:first-child {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

@-webkit-keyframes u70be8eda {
	0% {
		-webkit-transform: translateY(40px);
		transform: translateY(40px);
		opacity: 0;
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes u70be8eda {
	0% {
		-webkit-transform: translateY(40px);
		transform: translateY(40px);
		opacity: 0;
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.menu-running .site-menu-panel {
	-webkit-animation: 1.6s cubic-bezier(0.86, 0, 0.07, 1);
	animation: 1.6s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-animation-name: u8d2e0ddc;
	animation-name: u8d2e0ddc;
}

@-webkit-keyframes u8d2e0ddc {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	to {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
}

@keyframes u8d2e0ddc {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	to {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
}

.globalHeader {
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-webkit-transition-property: height, background-color;
	transition-property: height, background-color;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 120px;
	mix-blend-mode: exclusion;
	pointer-events: none;
}

.arrow-button {
	position: relative;
	width: 8rem;
	height: 8rem;
	visibility: inherit;
}

.arrow-button__border {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.arrow-button__border svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	stroke: yellow;
	fill: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.arrow-button__border svg:last-child {
	stroke-dasharray: 207.34512px 207.34512px;
	stroke-dashoffset: 207.34512px;
	visibility: hidden;
	-webkit-transition: visibility 0s 1.5s;
	transition: visibility 0s 1.5s;
	-webkit-animation: arrow-button__border-out 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	animation: arrow-button__border-out 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@-webkit-keyframes arrow-button__border-over {
	0% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	to {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		stroke-dashoffset: 0;
	}
}

@keyframes arrow-button__border-over {
	0% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	to {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		stroke-dashoffset: 0;
	}
}

@-webkit-keyframes arrow-button__border-out {
	0% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		stroke-dashoffset: 0;
	}

	to {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
		stroke-dashoffset: -207.34512px;
	}
}

@keyframes arrow-button__border-out {
	0% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		stroke-dashoffset: 0;
	}

	to {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
		stroke-dashoffset: -207.34512px;
	}
}

.globalHeader__menu,
.reservation_block {
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	position: fixed;
	top: 65%;
	right: 6.6%;
	z-index: 10;
	width: 160px;
	height: 160px;
	text-decoration: none;
	mix-blend-mode: exclusion;
	/*
  * tabrel : width: 160, height: 160 news → 20px
  */
}

.reservation_block {
	display: none;
}

.globalHeader__menu:before,
.reservation_block:before {
	-webkit-transform: scale(1);
	transform: scale(1);
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top: 25%;
	left: 25%;
	width: 160px;
	height: 160px;
	margin: -4rem 0 0 -4rem;
	border-radius: 50%;
	background: #333;
	opacity: 0;
}

.globalHeader__menu .menu__inner,
.reservation_block .menu__inner {
	width: 160px;
	height: 160px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.globalHeader__menu .menu__inner .arrow-button,
.reservation_block .menu__inner .arrow-button {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.globalHeader__menu .arrow-button,
.reservation_block .arrow-button {
	background: #000;
	border-radius: 50%;
}

.globalHeader__menu .line-1,
.reservation_block .line-1,
.globalHeader__menu .line-2,
.reservation_block .line-2 {
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition-property: transform, width, margin, background-color,
		-webkit-transform;
	display: block;
	position: absolute;
	top: 50%;
	right: 50%;
	width: 2.4rem;
	height: 0;
	border-top: 1px solid #333;
	margin-right: -1.2rem;
	margin-top: 0;
	opacity: 0;
	visibility: hidden;
}

.globalHeader__menu .menu__txt,
.reservation_block .menu__txt {
	color: #fff;
	font-weight: 500;
	font-size: 1.2rem;
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	border-radius: 1rem;
}

.globalHeader__menu .menu__txt .text-ov,
.reservation_block .menu__txt .text-ov {
	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
		-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	display: block;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	mix-blend-mode: exclusion;
}

.reservation_block .reservation_menu {
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	position: absolute;
	top: 350%;
	right: 6.6%;
	z-index: 10;
	width: 160px;
	height: 160px;
	text-decoration: none;
}

.reservation_block .reservation_menu:before {
	-webkit-transform: scale(1);
	transform: scale(1);
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top: 26%;
	left: 25%;
	width: 160px;
	height: 160px;
	margin: -4rem 0 0 -4rem;
	border-radius: 50%;
	background: #333;
	opacity: 0;
}

html.no-touchevents a:hover .arrow-button .arrow-button__border svg:last-child {
	visibility: inherit;
	-webkit-transition: none;
	transition: none;
	-webkit-animation: arrow-button__border-over 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
	animation: arrow-button__border-over 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.text-container {
	display: block;
	overflow: hidden;
}

.globalHeader.is-visible .globalHeader__menu,
.globalHeader.is-visible .reservation_block {
	pointer-events: auto;
}

.globalHeader.is-visible .globalHeader__menu:before,
.globalHeader.is-visible .reservation_block:before {
	-webkit-animation: fv-scroll-dot 3s linear 0.5s normal;
	animation: fv-scroll-dot 3s linear 0.5s normal;
}

.globalHeader.is-visible .globalHeader__menu .menu__inner .arrow-button,
.globalHeader.is-visible .reservation_block .menu__inner .arrow-button {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.globalHeader.is-visible .globalHeader__menu .menu__txt .text-ov,
.globalHeader.is-visible .reservation_block .menu__txt .text-ov {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
}

.arrow-button__border svg:first-child {
	opacity: 0.2;
}

.globalHeader__menu .menu__inner .arrow-button__border svg,
.reservation_block .menu__inner .arrow-button__border svg {
	stroke-width: 1px;
}

.globalHeader__logo {
	position: relative;
	z-index: 3;
	float: left;
	height: 120px;
}

.globalHeader__logo a {
	display: block;
	overflow: hidden;
	text-indent: -5260px;
	-webkit-transition-property: width, height;
	transition-property: width, height;
	position: relative;
	left: 0px;
	width: 137px;
	height: 100%;
	pointer-events: auto;
}

.globalHeader__logo a:before {
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition-property: transform, top, opacity, -webkit-transform;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	will-change: transform;
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 137px;
	height: 100%;
	background: url(asset/img/alife_logo@2x.png) no-repeat center center;
	background-size: 137px auto;
}

.globalHeader__nav {
	display: table;
	float: right;
	padding-right: 15px;
	-webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	transition-property: transform, padding, -webkit-transform;
	padding-top: 62px;
	pointer-events: auto;
}

.globalHeader__nav .nav>li {
	float: left;
	margin: 0 10px;
}

.globalHeader__nav .nav>li>a {
	font-weight: 500;
	display: block;
	position: relative;
	padding: 0 0 38px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	text-transform: uppercase;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	text-decoration: none;
	-webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	transition-property: transform, color, padding, -webkit-transform;
	mix-blend-mode: exclusion;
	/*&:after {
      content: '';
      display: block;
      position: absolute;
      left: 50%;
      margin-left: -5px;
      bottom: -1px;
      border-right: 5px solid transparent;
      border-bottom: 8px solid #fff;
      border-left: 5px solid transparent;
    }*/
}

.globalHeader__nav .nav>li>a:before {
	-webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	transition-property: transform, background-color, width, opacity,
		-webkit-transform;
	content: "";
	display: block;
	position: absolute;
	bottom: 32px;
	width: 0;
	right: 0;
	height: 1px;
	background: #fff;
	opacity: 0;
}

.globalHeader__nav .nav li a:hover {
	opacity: 1;
}

.globalHeader__nav .nav li a .text-ov {
	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
		-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	display: block;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	font-weight: bold;
}

.globalHeader__nav .nav li a.label.is-visible:before {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
	opacity: 1;
}

.globalHeader__nav .nav li a.label.is-visible .text-ov {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	font-size: 15px;
}

.globalHeader__nav .nav:after {
	height: 0;
	clear: both;
	content: "";
	visibility: hidden;
	display: block;
}

html.no-touchevents .globalHeader__nav .nav>li>a:hover:before {
	left: 0;
	width: 100%;
}

html.no-touchevents a.globalHeader__menu.menu:hover .text-container .text-ov,
html.no-touchevents a.menu.reservation_block:hover .text-container .text-ov,
html.no-touchevents button:hover .text-container .text-ov {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: block;
	-webkit-animation: up 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
	animation: up 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
	color: yellow;
}

html.no-touchevents a:hover .text-container .text-ov,
html.no-touchevents button:hover .text-container .text-ov {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: block;
	-webkit-animation: up 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
	animation: up 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
	color: yellow;
}

@-webkit-keyframes fv-scroll-dot {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	75% {
		opacity: 0;
	}

	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
	}
}

@keyframes fv-scroll-dot {
	0% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	75% {
		opacity: 0;
	}

	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
	}
}

@-webkit-keyframes up {
	0% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0) translate(0%, 0%);
		transform: matrix(1, 0, 0, 1, 0, 0) translate(0%, 0%);
	}

	30% {
		-webkit-transform: matrix(1, -0.15, 0.15, 1, 0, 0) translate(0%, -130%);
		transform: matrix(1, -0.15, 0.15, 1, 0, 0) translate(0%, -130%);
	}

	30.1% {
		-webkit-transform: matrix(1, 0.15, 0.15, 1, 0, 0) translate(0%, 100%);
		transform: matrix(1, 0.15, 0.15, 1, 0, 0) translate(0%, 100%);
	}

	100% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0) translate(0%, 0%);
		transform: matrix(1, 0, 0, 1, 0, 0) translate(0%, 0%);
	}
}

@keyframes up {
	0% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0) translate(0%, 0%);
		transform: matrix(1, 0, 0, 1, 0, 0) translate(0%, 0%);
	}

	30% {
		-webkit-transform: matrix(1, -0.15, 0.15, 1, 0, 0) translate(0%, -130%);
		transform: matrix(1, -0.15, 0.15, 1, 0, 0) translate(0%, -130%);
	}

	30.1% {
		-webkit-transform: matrix(1, 0.15, 0.15, 1, 0, 0) translate(0%, 100%);
		transform: matrix(1, 0.15, 0.15, 1, 0, 0) translate(0%, 100%);
	}

	100% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0) translate(0%, 0%);
		transform: matrix(1, 0, 0, 1, 0, 0) translate(0%, 0%);
	}
}

@-webkit-keyframes up2 {
	0% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0) translate(0%, 0%);
		transform: matrix(1, 0, 0, 1, 0, 0) translate(0%, 0%);
	}

	30% {
		-webkit-transform: matrix(1, -0.15, 0.15, 1, 0, 0) translate(0%, -190%);
		transform: matrix(1, -0.15, 0.15, 1, 0, 0) translate(0%, -190%);
	}

	30.1% {
		-webkit-transform: matrix(1, 0.15, 0.15, 1, 0, 0) translate(0%, 100%);
		transform: matrix(1, 0.15, 0.15, 1, 0, 0) translate(0%, 100%);
	}

	100% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0) translate(0%, 0%);
		transform: matrix(1, 0, 0, 1, 0, 0) translate(0%, 0%);
	}
}

@keyframes up2 {
	0% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0) translate(0%, 0%);
		transform: matrix(1, 0, 0, 1, 0, 0) translate(0%, 0%);
	}

	30% {
		-webkit-transform: matrix(1, -0.15, 0.15, 1, 0, 0) translate(0%, -190%);
		transform: matrix(1, -0.15, 0.15, 1, 0, 0) translate(0%, -190%);
	}

	30.1% {
		-webkit-transform: matrix(1, 0.15, 0.15, 1, 0, 0) translate(0%, 100%);
		transform: matrix(1, 0.15, 0.15, 1, 0, 0) translate(0%, 100%);
	}

	100% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0) translate(0%, 0%);
		transform: matrix(1, 0, 0, 1, 0, 0) translate(0%, 0%);
	}
}

.nav_logo {
	text-align: center;
	margin-bottom: 30px;
}

.nav_logo img {
	width: 199px;
	height: auto;
}

.site-menu-list {
	text-align: center;
}

.menu-open .site-menu {
	display: block;
}

.site-menu-footer {
	text-align: center;
}

.site-menu-footer .social_icon li {
	width: 44px !important;
	height: 44px !important;
}

.reserv {
	color: #fff;
	text-align: center;
	display: inline-block;
	margin: 50px auto 40px !important;
	width: 50%;
	border: 1px solid #fff;
	padding: 18px;
	font-size: 24px;
	text-transform: uppercase;
}

#top {
	background: #b8beb4;
	background: -webkit-radial-gradient(#b8beb4, #71685f);
	background: radial-gradient(#b8beb4, #71685f);
	background-size: cover;
	height: 100%;
}

.triangle {
	-webkit-clip-path: url(#cp);
	clip-path: url(#cp);
	width: 50vw;
	height: 50vw;
	max-height: 75vh;
	max-width: 75vh;
	background-size: cover;
	background-blend-mode: screen;
	position: absolute;
	top: 50%;
	left: 50%;
}

.first {
	background-color: #c5075c;
	background-image: url("https://media.giphy.com/media/pE6GG0V2JCKUo/giphy.gif");
	-webkit-transform: translateX(-65%) translateY(-50%);
	transform: translateX(-65%) translateY(-50%);
}

.second {
	background-color: #03b897;
	background-image: url("https://media1.giphy.com/media/fLg3MEWdgH5Ti/200.gif");
	-webkit-transform: translateX(-35%) translateY(-50%);
	transform: translateX(-35%) translateY(-50%);
	opacity: 0.8;
}

#top2 body {
	margin: 0;
}

#top2 svg {
	width: 0;
	height: 0;
	position: absolute;
}

#top2 video {
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

#top2 .video-container {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ffffff;
	z-index: 10;
	-webkit-clip-path: url(#clip-00);
	clip-path: url(#clip-00);
}

#top2 .video-container {
	margin: 40px auto;
}

#top2 .video-container video {
	width: 100%;
	display: block;
	-webkit-clip-path: url(#clip-00);
	clip-path: url(#clip-00);
}

#top3 video {
	width: 100%;
	-webkit-clip-path: url(#clip-path);
	clip-path: url(#clip-path);
}

#top3 .video-container3 {
	width: 50%;
	margin: 40px auto;
	-webkit-clip-path: url(#clip-00);
	clip-path: url(#clip-00);
}

.gallery_bg {
	background: url(asset/img/gallery.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

.imgview {
	position: relative;
}

.box {
	overflow: hidden;
}

img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

a img {
	border: none;
}

.inner {
	margin-left: -5%;
	width: 110%;
	position: relative;
	top: -30px;
}

section.gallery_photo_group div.gallery-wrap {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

section.gallery_photo_group div.gallery-wrap a:hover {
	opacity: 1;
}

section.gallery_photo_group div.gallery-wrap img:hover {
	-webkit-filter: brightness(60%);
	filter: brightness(60%);
}

section.gallery_photo_group div.gallery-wrap div.gimg01 {
	width: 75%;
	margin: 0 auto;
	height: 0;
	padding-top: calc(2 / 3 * 75%);
	overflow: hidden;
}

section.gallery_photo_group div.gallery-wrap div.gimg02 {
	width: 473px;
	margin-top: 12%;
	float: left;
	height: 0;
	padding-top: calc(3 / 2 * 35%);
	overflow: hidden;
}

section.gallery_photo_group div.gallery-wrap div.gimg03 {
	width: 55%;
	margin-top: 36%;
	float: right;
	height: 0;
	padding-top: calc(2 / 3 * 55%);
	overflow: hidden;
}

section.gallery_photo_group div.gallery-wrap div.gimg04 {
	width: 55%;
	margin: 200px auto 0;
	height: 0;
	padding-top: calc(595 / 800 * 55%);
	overflow: hidden;
	float: left;
}

section.gallery_photo_group div.gallery-wrap div.gimg05 {
	width: 300px;
	height: 0;
	padding-top: calc(220 / 300 * 300px);
	overflow: hidden;
	float: right;
	margin-top: 250px;
	margin-right: 60px;
	margin-bottom: 60px;
}

section.gallery_photo_group div.gallery-wrap div.gimg06 {
	width: 300px;
	height: 0;
	padding-top: calc(220 / 300 * 300px);
	overflow: hidden;
	float: right;
	margin-right: 60px;
}

section.gallery_photo_group div.gallery-wrap div.gimg07 {
	width: 75%;
	margin: 200px auto 0;
	height: 0;
	padding-top: calc(740 / 1100 * 75%);
	overflow: hidden;
}

section.gallery_photo_group div.gallery-wrap div.gimg08 {
	width: 54%;
	margin-top: 390px;
	float: left;
	height: 0;
	padding-top: calc(575 / 800 * 54%);
	overflow: hidden;
}

section.gallery_photo_group div.gallery-wrap div.gimg09 {
	width: 34%;
	margin-top: 200px;
	float: right;
	height: 0;
	padding-top: calc(670 / 500 * 34%);
	overflow: hidden;
}

section.gallery_photo_group div.gallery-wrap div.gimg10 {
	width: 32%;
	margin: 250px auto 0;
	height: 0;
	padding-top: calc(325 / 485 * 32%);
	overflow: hidden;
	float: left;
	margin-left: 7%;
}

section.gallery_photo_group div.gallery-wrap div.gimg11 {
	width: 48%;
	margin: 200px auto 0;
	height: 0;
	padding-top: calc(420 / 700 * 48%);
	overflow: hidden;
	float: right;
}

section.gallery_photo_group div.gallery-wrap div.gimg12,
section.gallery_photo_group div.gallery-wrap div.gimg13,
section.gallery_photo_group div.gallery-wrap div.gimg14,
section.gallery_photo_group div.gallery-wrap div.gimg15,
section.gallery_photo_group div.gallery-wrap div.gimg16,
section.gallery_photo_group div.gallery-wrap div.gimg17 {
	width: 30%;
	padding-top: calc(220 / 335 * 30%);
	height: 0;
	display: inline-block;
	margin-bottom: 40px;
	overflow: hidden;
}

section.gallery_photo_group div.gallery-wrap div.gimg12,
section.gallery_photo_group div.gallery-wrap div.gimg13,
section.gallery_photo_group div.gallery-wrap div.gimg15,
section.gallery_photo_group div.gallery-wrap div.gimg16 {
	margin-right: 5%;
}

section.gallery_photo_group div.gallery-wrap div.layout6 {
	width: 74%;
	margin: 200px auto;
	font-size: 0;
	position: relative;
	left: 20px;
}

section.gallery_photo_group div.gallery-wrap div.layout6 .slide:nth-of-type(1) {
	margin-left: -50px;
}

section.gallery_photo_group div.gallery-wrap .innerW {
	max-width: 1470px;
}

section.gallery_photo_group div.gallery-wrap .float-right {
	float: right;
	width: 45%;
}

section.gallery_photo_group div.gallery-wrap div {
	position: relative;
}

section.gallery_photo_group div.gallery-wrap div img {
	position: absolute;
	top: -50px;
	-webkit-transition: -webkit-filter 0.3s;
	transition: -webkit-filter 0.3s;
	transition: filter 0.3s;
	transition: filter 0.3s, -webkit-filter 0.3s;
}

.imgview:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: url(asset/img/bg-texture.jpg);
	z-index: 1;
	-webkit-transition: 0.8s;
	transition: 0.8s;
	top: 0;
	left: 0;
}

.img-anime:before {
	height: 0;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

#events {
	padding: 0px 0 50px;
	background: transparent -webkit-gradient(linear,
			left top,
			left bottom,
			from(#1c1b1b),
			to(#383838)) 0% 0% no-repeat padding-box;
	background: transparent -webkit-linear-gradient(top, #1c1b1b 0%, #383838 100%) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(180deg, #1c1b1b 0%, #383838 100%) 0% 0% no-repeat padding-box;
}

#events section {
	padding-top: 150px;
}

#events p.photo-top-text {
	width: 100%;
	color: #fff;
	font-size: 18px;
	margin-bottom: 100px;
}

#events .gimg02 {
	margin-top: 5%;
	float: left;
}

#events .events-text {
	float: left;
	width: 490px;
	color: #fff;
	margin-left: 100px;
	position: relative;
}

#events .events-text h2 {
	margin-bottom: 15px;
	font-size: 36px;
	border-bottom: 1px solid #fff;
	padding-bottom: 15px;
}

#events .events-text h3 {
	font-size: 25px;
	margin-bottom: 50px;
}

#events .events-text p {
	font-size: 18px;
}

#events .events-text .text-ja {
	margin-top: 10px;
	margin-bottom: 20px;
}

#events .events-text .text-ja br:last-child {
	display: none;
}

#events .vip_event_link {
	margin-top: 0;
	position: relative;
}

#events .vip_event_link ul li {
	margin-bottom: 20px;
}

#events .vip_event_link ul li .section_alife {
	margin: 0;
	width: 250px;
	height: 55px;
}

#events .vip_event_link ul li a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	color: #fff;
	height: 100%;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

#events .viewBox {
	width: 527px;
	height: 855px;
	background-image: url(asset/banner/ALIFE_BANNER_202004_FIN_OUT_wb.jpg);
	background-repeat: no-repeat;
	background-position: 80%;
	background-size: contain;
	float: left;
}

#events .sp_events .events-text {
	float: none;
	width: 100%;
	top: 0;
	margin-left: 0;
}

#events .sp_events .events-text h2 {
	margin-bottom: 20px;
}

#events .sp_events .events-text p {
	font-size: 20px;
}

#events .sp_events .gimg02 {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

#events .sp_events .photo-top-text {
	font-size: 20px;
	margin-top: 50px;
}

/*
* Gallery
*/
.gallery {
	background: #383838;
	padding-bottom: 0;
}

.gallery_block {
	background: #383838;
	position: relative;
	z-index: 5;
	padding: 170px 0;
}

.gallery_block h1 {
	color: #dbdbdb;
	font-size: 40px;
}

.gallery_block h1 span img {
	width: 70px;
	height: 70px;
}

.gallery_event_title {
	background: #383838;
}

.gallery_event_title h1 {
	padding-bottom: 110px;
}

.gallery_event_title h1 span.title {
	font-size: 40px;
	color: #dbdbdb;
	text-transform: uppercase;
	float: left;
}

.gallery_event_title h1 span:last-child {
	float: right;
}

.gallery_event_title h1 img {
	width: 40px;
	height: 40px;
	margin-top: 10px;
}

.gallery_event_title h1:after {
	height: 0;
	clear: both;
	content: "";
	visibility: hidden;
	display: block;
}

.movie_youtube ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.movie_youtube ul li {
	width: 49%;
	height: 310px;
	margin-bottom: 7em;
}

.movie_youtube ul li iframe {
	width: 100%;
	height: 100%;
}

.movie_youtube ul li img {
	width: 100%;
	height: 309px;
}

.movie_youtube ul li p {
	font-size: 20px;
	text-align: center;
	color: #dbdbdb;
	margin: 15px auto 0;
	font-weight: bold;
}

/* コンパイルCSS 直接修正禁止 */
@-webkit-keyframes cmnBtn03in {
	0% {
		opacity: 0;
		left: 0;
		right: 100%;
	}

	100% {
		opacity: 1;
		left: 0;
		right: 0;
	}
}

@keyframes cmnBtn03in {
	0% {
		opacity: 0;
		left: 0;
		right: 100%;
	}

	100% {
		opacity: 1;
		left: 0;
		right: 0;
	}
}

@-webkit-keyframes cmnBtn03out {
	0% {
		opacity: 1;
		left: 0;
		right: 0;
	}

	100% {
		opacity: 0;
		left: 100%;
		right: 0;
	}
}

@keyframes cmnBtn03out {
	0% {
		opacity: 1;
		left: 0;
		right: 0;
	}

	100% {
		opacity: 0;
		left: 100%;
		right: 0;
	}
}

@keyframes topArrow {
	0% {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
		clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	}

	30% {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}

	70% {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}

	100% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
		clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
	}
}

@-webkit-keyframes topArrow {
	0% {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
		clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	}

	30% {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}

	70% {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}

	100% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
		clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
	}
}

html {
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic,
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN",
		"Hiragino Kaku Gothic Pro", verdana, "メイリオ", Meiryo, Osaka, sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
}

html.safari {
	-webkit-font-smoothing: antialiased;
}

body {
	position: relative;
	margin: 0 !important;
	padding: 0;
}

body.compensate-for-scrollbar {
	overflow: auto;
}

.chrome body {
	image-rendering: -webkit-optimize-contrast;
}

main {
	width: 100%;
	position: relative;
}

.touchevents a {
	-webkit-tap-highlight-color: transparent;
}

dd,
dl,
dt,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
td,
th,
ul {
	margin: 0;
	padding: 0;
}

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

img {
	-ms-interpolation-mode: bicubic;
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

hr {
	height: 0;
	overflow: visible;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

b,
strong {
	font-weight: inherit;
	font-weight: bolder;
}

a {
	outline: 0;
	text-decoration: none;
	color: inherit;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

li {
	list-style: none;
}

:focus {
	outline: 0;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
	line-height: 0;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

canvas {
	display: inline-block;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: 0 0;
	border: none;
	outline: 0;
	margin: 0;
	padding: 0;
}

button,
input {
	overflow: visible;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

button:-moz-focusring,
input:-moz-focusring {
	outline: 1px dotted ButtonText;
}

button,
select {
	cursor: pointer;
	text-transform: none;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
	border: none;
}

select::-ms-expand {
	display: none;
}

[data-autoheight],
[data-pc-autoheight],
[data-sp-autoheight] {
	-webkit-transition: none !important;
	transition: none !important;
}

[data-lf] {
	opacity: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}

[data-lf][src],
[data-lf][style*="background-image"] {
	opacity: 1;
}

[data-hidePrintMessageArea] {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	pointer-events: none;
	opacity: 0;
}

.mainArea {
	min-height: 100vh;
}

.mainArea .detail {
	padding: 0;
}

.flowbottomSP {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 44px;
	display: table;
	text-align: center;
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	z-index: 999;
}

.flowbottomSP.active {
	-webkit-transform: none;
	transform: none;
}

.flowbottomSP a {
	display: table-cell;
	background-color: #fff;
	vertical-align: middle;
}

.flowbottomSP a:nth-child(2) {
	background-color: #fffeb7;
}

.flowbottomSP span {
	font-size: 1.1rem;
}

.flowbottomSPinview {
	position: absolute;
	top: 105vh;
	bottom: 0;
	pointer-events: none;
	width: 0;
}

.pagetopbtn {
	bottom: 23px;
	color: #999;
	font-size: 1.2rem;
	font-family: aktiv-grotesk, sans-serif;
	letter-spacing: 0.48px;
	line-height: 1;
	position: fixed;
	right: 26px;
	text-transform: uppercase;
	z-index: 999;
	pointer-events: none;
	opacity: 0;
}

.pageloaded .pagetopbtn {
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}

.firstviewScrollDown .pagetopbtn {
	pointer-events: auto;
	opacity: 1;
}

.no-touchevents .pagetopbtn:hover .triangle .empty:before {
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);
}

.pagetopbtn .triangle {
	margin-bottom: 13px;
	position: relative;
	overflow: hidden;
}

.pagetopbtn .triangle .empty {
	border-bottom: solid 26px #fff;
	border-right: solid 15px transparent;
	border-left: solid 15px transparent;
	margin: 0 auto;
	position: relative;
	width: 0;
}

.pagetopbtn .triangle .empty:before {
	border-bottom: solid 26px #fff;
	border-right: solid 15px transparent;
	border-left: solid 15px transparent;
	-webkit-clip-path: inset(100% 0 0 0);
	clip-path: inset(100% 0 0 0);
	content: "";
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
	top: 0;
	-webkit-transition-duration: 2s;
	transition-duration: 2s;
	width: 0;
	z-index: 9999;
}

.pagetopbtn .triangle .empty:hover:before {
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);
}

.pagetopbtn .triangle .empty:after {
	content: "";
	border-bottom: solid 22px #000;
	border-right: solid 13px transparent;
	border-left: solid 13px transparent;
	left: -50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
	top: 3px;
	width: 0;
}

.pagetopbtnInview {
	position: absolute;
	top: 200vh;
	bottom: 0;
	pointer-events: none;
	width: 0;
}

.headerArea {
	background-color: transparent;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}

.ui_white .headerArea {
	color: #fff;
}

.headerArea .row01 .in {
	background-color: #191919;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: auto;
	padding: 0 80px 0 70px;
}

.headerArea .row01 .logo {
	max-width: 155px;
	padding: 14px 0 0;
}

.headerArea .row01 .logo a {
	display: block;
	padding: 14px 0 14px 0;
}

.pageloaded .headerArea .row01 .logo a {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.headerArea .row01 .logo a:hover {
	opacity: 0.7;
}

.headerArea .row01 .logo span {
	display: block;
	position: relative;
}

.headerArea .row01 .logo img {
	display: block;
	position: relative;
}

.pageloaded .headerArea .row01 .logo img {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.ui_white .headerArea .row01 .logo img {
	opacity: 0;
}

.headerArea .row01 .logo img:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.ui_white .headerArea .row01 .logo img:nth-child(2) {
	opacity: 1;
}

.headerArea .menu {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1000;
	width: 80px;
	height: 80px;
	opacity: 0;
	background-color: #191919;
}

.pageloaded .headerArea .menu {
	opacity: 1;
}

.ui_white .headerArea .menu {
	color: #fff;
}

.ui_black .headerArea .menu {
	color: #000;
}

.headerArea .menu .open .bar {
	background-color: #fff;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	width: 30px;
	height: 2px;
}

.pageloaded .headerArea .menu .open .bar {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.headerArea .menu .open .bar:nth-child(1) {
	top: -18px;
}

.headerArea .menu .open .bar:nth-child(3) {
	bottom: -18px;
}

.headerArea .menu .open span {
	bottom: 0;
	font-size: 0.8rem;
	font-family: aktiv-grotesk, sans-serif;
	letter-spacing: 0.45px;
	left: 0;
	line-height: 1;
	position: absolute;
	right: 0;
	top: 30px;
	text-transform: uppercase;
	color: #fff;
}

.headerArea .menu .close .bar {
	background-color: #fff;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	width: 0;
	height: 2px;
}

.pageloaded .headerArea .menu .close .bar {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.headerArea .menu .close .bar:nth-child(1) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.headerArea .menu .close .bar:nth-child(2) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.headerArea .menu .close span {
	bottom: 0;
	font-size: 0.8rem;
	font-family: aktiv-grotesk, sans-serif;
	letter-spacing: 0.45px;
	left: 0;
	line-height: 1;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 30px;
	text-transform: uppercase;
	color: #fff;
	opacity: 0;
}

.menuopen .headerArea .menu .open .bar {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}

.menuopen .headerArea .menu .open span {
	opacity: 0;
}

.menuopen .headerArea .menu .close .bar {
	width: 30px;
}

.menuopen .headerArea .menu .close span {
	opacity: 1;
}

.headerMenubar .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 100%;
	background-color: #191919;
}

.headerMenubar .item+.item {
	margin-left: 26px;
}

.headerMenubar .item a {
	font-size: 1.8rem;
	font-family: aktiv-grotesk, sans-serif;
	font-weight: 700;
	letter-spacing: 1.08px;
	display: block;
	line-height: 1;
	padding: 30px 0 27px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.headerMenubar .item a .word {
	position: relative;
	display: inline-block;
}

.headerMenubar .item a .word:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 100%;
	height: 2px;
	background-color: #000;
}

.no-touchevents .headerMenubar .item a:hover .word:after {
	-webkit-animation: cmnBtn03in 0.7s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
	animation: cmnBtn03in 0.7s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
}

.headerMenubar .item.current a .word:after {
	left: 0 !important;
	right: 0 !important;
	opacity: 1 !important;
	-webkit-animation: none !important;
	animation: none !important;
}

.headerMenubar .item.sns a {
	padding-top: 35%;
}

.headerMenubar .item.sns svg {
	width: 13px;
	height: 25px;
}

.headerMenubar .item.sns path {
	fill: #fff;
}

.ui_black .headerMenubar .item.sns path {
	fill: #000;
}

.ui_white .headerMenubar .item a .word:after {
	background-color: #fff;
}

.ui_white .headerMenubar .menu .close .bar,
.ui_white .headerMenubar .menu .open .bar {
	background-color: #fff;
}

.ui_white .headerMenubar .menu .close span,
.ui_white .headerMenubar .menu .open span {
	color: #fff;
}

.menuopen .headerMenubar {
	opacity: 1;
	pointer-events: auto;
}

.pankuzu {
	color: #fff;
	position: absolute;
	bottom: -50px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 10;
}

.pankuzu .pankuzuwrap {
	display: inline-block;
}

.pankuzu .pankuzuone {
	display: inline-block;
	font-size: 1.1rem;
}

.pankuzu .pankuzuone+.pankuzuone:before {
	content: "　>　";
	position: relative;
	top: -1px;
}

.pankuzu .pankuzuone a {
	position: relative;
	padding-bottom: 5px;
}

.pankuzu .pankuzuone a:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 1px;
	left: 0;
	right: 100%;
	height: 1px;
	background-color: #666;
}

.pankuzu .pankuzuone a:hover:after {
	-webkit-animation: cmnBtn03in 0.7s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
	animation: cmnBtn03in 0.7s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
}

.footerArea {
	color: #fff;
	margin-top: -1px;
	padding: 83px 0 77px;
	position: relative;
}

.footerArea video {
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0.2;
}

.footerArea .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.footerArea .inner {
	margin: auto;
	text-align: center;
	width: 60%;
	max-width: 960px;
}

.footerArea .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.footerArea .list .item {
	margin-top: -1px;
	text-align: center;
	width: 14.2857%;
	position: relative;
	background-color: rgba(255, 255, 255, 0);
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.footerArea .list .item.disabled {
	pointer-events: none;
}

.footerArea .list .item.disabled .word {
	opacity: 0.2;
	pointer-events: none;
}

.footerArea .list .item.disabled .icon {
	opacity: 0;
}

.footerArea .list .item a {
	border: 1px solid #333;
	border-right: none;
	display: block;
	line-height: 1;
	font-size: 2rem;
	font-family: aktiv-grotesk, sans-serif;
	font-weight: 700;
	padding: 41.1% 0;
	position: relative;
	text-transform: uppercase;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.footerArea .list .item.sns a {
	display: block;
	padding-top: 34%;
}

.footerArea .list .item.sns svg {
	width: 11px;
	height: 25px;
}

.footerArea .list .item.sns path {
	fill: #fff;
}

.footerArea .list .item .word {
	position: relative;
	display: inline-block;
}

.footerArea .list .item .word:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 100%;
	height: 2px;
	background-color: #fff;
}

.footerArea .list .item .icon {
	font-size: 6.26rem;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0.2;
}

.footerArea .list .item.current .word:after {
	left: 0 !important;
	right: 0 !important;
	opacity: 1 !important;
	-webkit-animation: none !important;
	animation: none !important;
}

.no-touchevents .footerArea .list .item:hover .word:after {
	-webkit-animation: cmnBtn03in 0.7s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
	animation: cmnBtn03in 0.7s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
}

.footerArea .copyright {
	margin-top: 76px;
	z-index: 1;
	position: relative;
}

.footerArea .copyright .snsbtn {
	position: absolute;
	top: -40px;
	right: 0;
}

.footerArea .copyright .snsbtn a {
	display: block;
	padding: 8px 15px 4px 15px;
	border: 1px solid #333;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.no-touchevents .footerArea .copyright .snsbtn a:hover {
	opacity: 0.6;
}

.footerArea .copyright .snsbtn svg {
	width: 11px;
	height: 25px;
}

.footerArea .copyright .snsbtn path {
	fill: #fff;
}

.footerArea .copyright .sublinks {
	position: absolute;
	top: 14px;
	right: 0;
	text-align: right;
}

.footerArea .copyright .sublinks a {
	display: inline-block;
	color: #666;
	font-size: 1.2rem;
	font-family: aktiv-grotesk, sans-serif;
	font-weight: 700;
	padding: 4px 0;
	position: relative;
}

.footerArea .copyright .sublinks a:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 1px;
	left: 0;
	right: 100%;
	height: 1px;
	background-color: #666;
}

.footerArea .copyright .sublinks a:hover:after {
	-webkit-animation: cmnBtn03in 0.7s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
	animation: cmnBtn03in 0.7s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
}

.footerArea .copyright .logo {
	margin: 0 auto;
	width: 206px;
}

.footerArea .copyright .logo a {
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.no-touchevents .footerArea .copyright .logo a:hover {
	opacity: 0.7;
}

.footerArea .copyright .logo img {
	width: 100%;
}

.footerArea .copyright .txt {
	color: #3f3f3f;
	font-size: 1.1rem;
	line-height: 1;
	margin-top: 15px;
	letter-spacing: 0.44px;
}

.memberArea .detail .txt[data-pararax01-active].item_link {
	padding-top: 3px;
	text-align: right;
}

.memberArea .detail .txt[data-pararax01-active].item_link a {
	display: inline-block;
	font-size: 12px;
}

.memberArea .detail .txt[data-pararax01-active].item_link a:hover {
	opacity: 0.7;
	color: #000;
}

.svg_gradient {
	width: 0;
	height: 0;
	position: absolute;
	pointer-events: none;
	opacity: 0;
}

[data-svg] {
	position: relative;
}

[data-svg] .linkSvg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
	pointer-events: none;
}

[data-uicolor] {
	position: relative;
}

.uicolorChangeInview {
	position: absolute;
	top: calc(100vh - 50px);
	height: 0;
}

.uicolorChangeInview_up {
	position: absolute;
	bottom: 50px;
	height: 0;
}

.threejsArea {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
	background-color: #000;
}

.threejsArea .threejsblock,
.threejsArea .videoblock {
	display: none;
}

.threejsArea .videoblock {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100%);
	overflow: hidden;
}

.threejsArea .videoblock .videoBlack {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.65;
}

.threejsArea .videoblock video {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50% -50%);
	transform: translate(-50% -50%);
}

.threejsArea .threejsblock {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ie10 .threejsArea .threejsblock,
.ie11 .threejsArea .threejsblock,
.ie9 .threejsArea .threejsblock {
	z-index: auto;
}

.threejsArea .threejsblock canvas {
	position: relative;
}

.threejsArea .screen {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50% -50%);
	transform: translate(-50% -50%);
	opacity: 0.1;
	z-index: 1;
}

.ie10 .threejsArea .screen,
.ie11 .threejsArea .screen,
.ie9 .threejsArea .screen {
	z-index: auto;
}

.firstviewScrollDownInview {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 50vh;
	pointer-events: none;
	opacity: 0;
}

@-webkit-keyframes cmnBtn04in {
	0% {
		left: 0;
		right: 100%;
	}

	100% {
		left: 0;
		right: 0;
	}
}

@keyframes cmnBtn04in {
	0% {
		left: 0;
		right: 100%;
	}

	100% {
		left: 0;
		right: 0;
	}
}

@-webkit-keyframes cmnBtn04out {
	0% {
		left: 0;
		right: 0;
	}

	100% {
		left: 100%;
		right: 0;
	}
}

@keyframes cmnBtn04out {
	0% {
		left: 0;
		right: 0;
	}

	100% {
		left: 100%;
		right: 0;
	}
}

@-webkit-keyframes cmnBtn04in_r {
	0% {
		left: 100%;
		right: 0;
	}

	100% {
		left: 0;
		right: 0;
	}
}

@keyframes cmnBtn04in_r {
	0% {
		left: 100%;
		right: 0;
	}

	100% {
		left: 0;
		right: 0;
	}
}

@-webkit-keyframes cmnBtn04out_r {
	0% {
		left: 0;
		right: 0;
	}

	100% {
		left: 0;
		right: 100%;
	}
}

@keyframes cmnBtn04out_r {
	0% {
		left: 0;
		right: 0;
	}

	100% {
		left: 0;
		right: 100%;
	}
}

.cmnBtn01 {
	padding: 50px 0;
	text-align: center;
	margin: 0 auto;
	display: block;
	font-family: aktiv-grotesk, sans-serif;
	font-weight: 600;
	font-size: 2.8rem;
	letter-spacing: 0.06em;
	position: relative;
	background-color: #000;
}

.cmnBtn01:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #fff;
	opacity: 0.2;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.cmnBtn01 .bg {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: #000;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.cmnBtn01 .bg video {
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ie10 .cmnBtn01 .bg video,
.ie11 .cmnBtn01 .bg video {
	position: absolute;
	top: 50%;
	left: 50%;
}

.cmnBtn01 .word {
	position: relative;
}

.cmnBtn01 [data-svganim01] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	fill: transparent;
	stroke: transparent;
	stroke-width: 4px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.no-touchevents .cmnBtn01:hover:after {
	opacity: 0.5;
}

.no-touchevents .cmnBtn01:hover .bg {
	opacity: 0.3;
}

.no-touchevents .cmnBtn01:hover [data-svganim01] {
	opacity: 0;
}

.cmnBtn02 {
	padding: 50px 0;
	text-align: center;
	margin: 0 auto;
	display: block;
	position: relative;
	color: #fff;
}

.cmnBtn02:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #fff;
	opacity: 0.2;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.cmnBtn02 .bg {
	position: absolute;
	display: block;
	top: 0;
	height: 100%;
	background-color: #fff;
	left: 0;
	right: 100%;
}

.cmnBtn02 .word {
	font-family: aktiv-grotesk, sans-serif;
	position: relative;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.cmnBtn02 [data-svganim01] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	fill: transparent;
	stroke: transparent;
	stroke-width: 4px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.no-touchevents .cmnBtn02:hover:after {
	opacity: 0.5;
}

.no-touchevents .cmnBtn02:hover .bg {
	-webkit-animation: cmnBtn04in 1s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
	animation: cmnBtn04in 1s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
}

.no-touchevents .cmnBtn02:hover .word {
	color: #191919;
}

.no-touchevents .cmnBtn02:hover [data-svganim01] {
	opacity: 0;
}

@-webkit-keyframes cmnBtn02BG {
	0% {
		-webkit-filter: hue-rotate(0);
		filter: hue-rotate(0);
	}

	50% {
		-webkit-filter: hue-rotate(-180deg);
		filter: hue-rotate(-180deg);
	}

	100% {
		-webkit-filter: hue-rotate(0);
		filter: hue-rotate(0);
	}
}

@keyframes cmnBtn02BG {
	0% {
		-webkit-filter: hue-rotate(0);
		filter: hue-rotate(0);
	}

	50% {
		-webkit-filter: hue-rotate(-180deg);
		filter: hue-rotate(-180deg);
	}

	100% {
		-webkit-filter: hue-rotate(0);
		filter: hue-rotate(0);
	}
}

.cmnBtn03 {
	text-align: center;
}

.cmnBtn03 a {
	display: inline-block;
	max-width: 340px;
	width: 100%;
	border: 2px solid #fff;
	padding: 14px 0;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.cmnBtn03 a:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	height: 100%;
	background-color: #fff;
	left: 0;
	right: 100%;
}

.no-touchevents .cmnBtn03 a:hover:before {
	-webkit-animation: cmnBtn04in 1s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
	animation: cmnBtn04in 1s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
}

.no-touchevents .cmnBtn03 a:hover .char {
	color: #000;
}

.no-touchevents .cmnBtn03 a:hover .arrow {
	border-left-color: #000;
}

.no-touchevents .cmnBtn03 a:hover .arrow:after,
.no-touchevents .cmnBtn03 a:hover .arrow:before {
	background-color: #000;
}

.cmnBtn03 .char {
	font-family: aktiv-grotesk, sans-serif;
	font-size: 1.6rem;
	line-height: 1;
	letter-spacing: 0.2rem;
	color: #fff;
	position: relative;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.cmnBtn03 .arrow {
	position: absolute;
	width: 13px;
	height: 13px;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	border-left: 1px solid #fff;
	-webkit-transition: border-left-color 0.2s;
	transition: border-left-color 0.2s;
}

.cmnBtn03 .arrow:after,
.cmnBtn03 .arrow:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #fff;
	left: 0;
	margin: auto;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.cmnBtn03 .arrow:before {
	top: 0;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}

.cmnBtn03 .arrow:after {
	bottom: 0;
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

.cmnBtn03.type01 a {
	padding: 16px 0;
	background-color: #191919;
	-webkit-transition: border 0.2s;
	transition: border 0.2s;
	border: 2px solid #191919;
}

.no-touchevents .cmnBtn03.type01 a:hover:before {
	left: 0;
}

.cmnBtn03.type02 .arrow {
	right: auto;
	left: 10px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.no-touchevents .cmnBtn03.type02 a:hover:before {
	-webkit-animation: cmnBtn04in_r 1s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
	animation: cmnBtn04in_r 1s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
}

.no-touchevents .cmnBtn03.type02 a:hover .arrow {
	border-left-color: #191919;
}

.cmnBtn03.type03 a {
	padding: 16px 0;
	-webkit-transition: border 0.2s;
	transition: border 0.2s;
	border: 2px solid #191919;
}

.cmnBtn03.type03 a:before {
	background-color: #191919;
}

.cmnBtn03.type03 a .char {
	color: #191919;
}

.cmnBtn03.type03 a .arrow {
	border-left: 1px solid #191919;
}

.cmnBtn03.type03 a .arrow:after,
.cmnBtn03.type03 a .arrow:before {
	background-color: #191919;
}

.no-touchevents .cmnBtn03.type03 a:hover .char {
	color: #fff;
}

.no-touchevents .cmnBtn03.type03 a:hover .arrow {
	border-left: 1px solid #fff;
}

.no-touchevents .cmnBtn03.type03 a:hover .arrow:after,
.no-touchevents .cmnBtn03.type03 a:hover .arrow:before {
	background-color: #fff;
}

[data-pararax01] {
	position: relative;
}

[data-pararax01] [data-pararax01-inview] {
	position: absolute;
	top: 200px;
	bottom: 200px;
	left: 0;
	width: 100%;
	pointer-events: none;
	opacity: 0;
}

[data-pararax01-opacity] {
	opacity: 0;
}

[data-pararax01-opacity][data-pararax01-active] {
	opacity: 1 !important;
	-webkit-transition: opacity 1.5s cubic-bezier(0.65, 0.01, 0.375, 1);
	transition: opacity 1.5s cubic-bezier(0.65, 0.01, 0.375, 1);
}

[data-pararax01-transform01] {
	opacity: 0;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
}

[data-pararax01-transform01][data-pararax01-active] {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: opacity 1.5s cubic-bezier(0.65, 0.01, 0.375, 1),
		-webkit-transform 1.5s cubic-bezier(0.65, 0.01, 0.375, 1);
	transition: opacity 1.5s cubic-bezier(0.65, 0.01, 0.375, 1),
		-webkit-transform 1.5s cubic-bezier(0.65, 0.01, 0.375, 1);
	transition: opacity 1.5s cubic-bezier(0.65, 0.01, 0.375, 1),
		transform 1.5s cubic-bezier(0.65, 0.01, 0.375, 1);
	transition: opacity 1.5s cubic-bezier(0.65, 0.01, 0.375, 1),
		transform 1.5s cubic-bezier(0.65, 0.01, 0.375, 1),
		-webkit-transform 1.5s cubic-bezier(0.65, 0.01, 0.375, 1);
}

[data-pararax01-clippath] {
	opacity: 0;
	-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}

[data-pararax01-clippath][data-pararax01-active] {
	opacity: 1;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	transition: -webkit-clip-path 2s cubic-bezier(0.205, 0.01, 0.075, 0.995),
		clip-path 2s cubic-bezier(0.205, 0.01, 0.075, 0.995),
		opacity 1.5s cubic-bezier(0.65, 0.01, 0.375, 1);
}

[data-pararax01-overflow] {
	opacity: 0;
	overflow: hidden;
	width: 0% !important;
}

[data-pararax01-overflow][data-pararax01-active] {
	opacity: 1;
	width: 100% !important;
	-webkit-transition: opacity 1.5s cubic-bezier(0.65, 0.01, 0.375, 1),
		width 1.5s cubic-bezier(0.65, 0.01, 0.375, 1);
	transition: opacity 1.5s cubic-bezier(0.65, 0.01, 0.375, 1),
		width 1.5s cubic-bezier(0.65, 0.01, 0.375, 1);
}

[data-pararax01-photo01] {
	position: relative;
}

[data-pararax01-photo01]:after,
[data-pararax01-photo01]:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	transition: -webkit-clip-path 1.6s cubic-bezier(0.65, 0.01, 0.375, 1),
		clip-path 1.6s cubic-bezier(0.65, 0.01, 0.375, 1),
		opacity 1.6s cubic-bezier(0.65, 0.01, 0.375, 1);
}

.ie [data-pararax01-photo01]:after,
.ie [data-pararax01-photo01]:before {
	opacity: 0.5;
}

[data-pararax01-photo01]:after {
	opacity: 0.5;
}

[data-pararax01-photo01][data-pararax01-active]:after,
[data-pararax01-photo01][data-pararax01-active]:before {
	opacity: 0;
}

[data-pararax01-photo02] {
	position: relative;
	-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}

.ie [data-pararax01-photo02] {
	opacity: 0;
}

[data-pararax01-photo02][data-pararax01-active] {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	transition: -webkit-clip-path 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995),
		clip-path 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) !important;
}

.ie [data-pararax01-photo02][data-pararax01-active] {
	opacity: 1;
	-webkit-transition: opacity 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) !important;
	transition: opacity 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) !important;
}

[data-pararax01-photo02][data-pararax01-active]:after {
	-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	transition: -webkit-clip-path 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) 0.3s,
		clip-path 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) 0.3s;
}

.ie [data-pararax01-photo02][data-pararax01-active]:after {
	width: 0%;
	-webkit-transition: width 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) 0.15s !important;
	transition: width 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) 0.15s !important;
}

[data-pararax01-photo02]:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

[data-pararax01-photo03] {
	position: relative;
	-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}

[data-pararax01-photo03][data-pararax01-active] {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	transition: -webkit-clip-path 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995),
		clip-path 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) !important;
}

.ie [data-pararax01-photo03][data-pararax01-active] {
	-webkit-transition: opacity 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) !important;
	transition: opacity 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) !important;
	opacity: 1;
}

[data-pararax01-photo03][data-pararax01-active]:after {
	-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	transition: -webkit-clip-path 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) 0.3s,
		clip-path 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) 0.3s;
}

.ie [data-pararax01-photo03][data-pararax01-active]:after {
	-webkit-transform-origin: right top;
	transform-origin: right top;
	-webkit-transition: -webkit-transform 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) 0.3s;
	transition: -webkit-transform 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) 0.3s;
	transition: transform 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) 0.3s;
	transition: transform 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) 0.3s,
		-webkit-transform 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) 0.3s;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}

[data-pararax01-photo03]:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	background-color: #191919;
}

[data-pararax01-photo04] {
	position: relative;
	-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}

[data-pararax01-photo04][data-pararax01-active] {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	transition: -webkit-clip-path 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995),
		clip-path 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) !important;
}

.ie [data-pararax01-photo04][data-pararax01-active] {
	-webkit-transition: opacity 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) !important;
	transition: opacity 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) !important;
	opacity: 1;
}

[data-pararax01-photo05] {
	position: relative;
	width: 0% !important;
	overflow: hidden;
}

.ie [data-pararax01-photo05] {
	opacity: 0;
}

[data-pararax01-photo05][data-pararax01-active] {
	width: 100% !important;
	-webkit-transition: width 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) !important;
	transition: width 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) !important;
}

.ie [data-pararax01-photo05][data-pararax01-active] {
	opacity: 1;
	-webkit-transition: opacity 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) !important;
	transition: opacity 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) !important;
}

[data-pararax01-photo05][data-pararax01-active]:after {
	width: 0%;
	-webkit-transition: width 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) 0.15s;
	transition: width 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) 0.15s;
}

[data-pararax01-photo05]:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

.cmnTit01 {
	display: block;
}

.cmnTit01>* {
	display: inline-block;
	position: relative;
}

.cmnTit01 .bar {
	background-color: #191919;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	height: 2px;
	margin: auto 0;
	left: 0;
	right: 100%;
}

.cmnTit01 .bar.type01 {
	height: 1px;
}

.cmnTit01 .bar.type02 {
	height: 1px;
	background-color: #fff;
}

.ie .cmnTit01 .bar {
	display: none;
}

.cmnTit01[data-pararax01-active] .bar {
	left: 100%;
	right: 0;
	-webkit-transition: left 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) 0.4s,
		right 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995);
	transition: left 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) 0.4s,
		right 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995);
}

.cmnTit01 .word {
	display: inline-block;
	position: relative;
	-webkit-clip-path: polygon(0 -20%, 0 -20%, 0 120%, 0 120%);
	clip-path: polygon(0 -20%, 0 -20%, 0 120%, 0 120%);
}

.ie .cmnTit01 .word {
	opacity: 0;
}

.ie10 .cmnTit01 .word,
.ie9 .cmnTit01 .word {
	opacity: 1;
}

.cmnTit01[data-pararax01-active] .word {
	-webkit-transform: none;
	transform: none;
	-webkit-clip-path: polygon(0 -20%, 100% -20%, 100% 120%, 0 120%);
	clip-path: polygon(0 -20%, 100% -20%, 100% 120%, 0 120%);
	transition: -webkit-clip-path 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) 0.6s,
		clip-path 1.2s cubic-bezier(0.205, 0.01, 0.075, 0.995) 0.6s,
		transform 1s cubic-bezier(0.59, 0.005, 0.375, 1) 0.4s;
}

.ie .cmnTit01[data-pararax01-active] .word {
	opacity: 1;
	-webkit-transition: opacity 1s cubic-bezier(0.59, 0.005, 0.375, 1) 0.4s;
	transition: opacity 1s cubic-bezier(0.59, 0.005, 0.375, 1) 0.4s;
}

.ie10 .cmnTit01[data-pararax01-active] .word,
.ie9 .cmnTit01[data-pararax01-active] .word {
	opacity: 1;
}

.cmnBlock01.dammy {
	opacity: 0;
	pointer-events: none;
}

.cmnBlock01[data-pararax01-active] {
	opacity: 1;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, -webkit-transform 1s;
	transition: transform 1s, opacity 1s;
	transition: transform 1s, opacity 1s, -webkit-transform 1s;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.cmnBlock01 .img_box {
	width: 100%;
	padding-top: 65.7%;
	position: relative;
}

.cmnBlock01 .img_box .img {
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.cmnBlock01 .work_name {
	font-size: 1.6rem;
	font-weight: 400;
	margin: 30px 0 0 0;
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}

.ie10 .cmnBlock01 .work_name,
.ie11 .cmnBlock01 .work_name,
.ie9 .cmnBlock01 .work_name {
	overflow: visible;
}

.cmnBlock01 .type {
	color: #999;
	font-size: 1.2rem;
	font-family: aktiv-grotesk, sans-serif;
	line-height: 1;
	margin-top: 17px;
}

.cmnBlock01[data-pararax01-active] .type {
	opacity: 1;
	-webkit-transition: 1s;
	transition: 1s;
}

.cmnBlock01 a {
	display: block;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.no-touchevents .cmnBlock01 a:hover {
	opacity: 0.7;
}

.loadingArea {
	display: none !important;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 10000;
}

.ie9 .loadingArea {
	display: none;
}

.loadingArea .logo {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -156px;
}

.loadingArea .logo>img {
	display: block;
	position: relative;
	-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	-webkit-transition: 1s;
	transition: 1s;
}

.pjaLoading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	pointer-events: none;
	z-index: 10000;
	overflow: hidden;
	text-align: center;
}

.ie10 .pjaLoading,
.ie9 .pjaLoading {
	display: none;
}

.pjaLoading>canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pjaLoading .beta {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0;
}

.pjaLoading .copy {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
	color: #000;
	text-align: center;
}

.pjaLoading .copy .in {
	font-family: aktiv-grotesk, sans-serif;
	font-weight: 700;
	opacity: 0;
	display: inline-block;
	font-size: 3.5rem;
	line-height: 1.5;
	letter-spacing: 1.8;
}

.pjaLoading .copy .bar {
	background-color: #000;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	height: 1px;
	margin: auto 0;
	left: 0;
	right: 100%;
}

.ie .pjaLoading .copy .bar {
	display: none;
}

/* コンパイルCSS 直接修正禁止 */
@-webkit-keyframes cmnBtn03in {
	0% {
		opacity: 0;
		left: 0;
		right: 100%;
	}

	100% {
		opacity: 1;
		left: 0;
		right: 0;
	}
}

@keyframes cmnBtn03in {
	0% {
		opacity: 0;
		left: 0;
		right: 100%;
	}

	100% {
		opacity: 1;
		left: 0;
		right: 0;
	}
}

@-webkit-keyframes cmnBtn03out {
	0% {
		opacity: 1;
		left: 0;
		right: 0;
	}

	100% {
		opacity: 0;
		left: 100%;
		right: 0;
	}
}

@keyframes cmnBtn03out {
	0% {
		opacity: 1;
		left: 0;
		right: 0;
	}

	100% {
		opacity: 0;
		left: 100%;
		right: 0;
	}
}

@keyframes topArrow {
	0% {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
		clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	}

	30% {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}

	70% {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}

	100% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
		clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
	}
}

@-webkit-keyframes topArrow {
	0% {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
		clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	}

	30% {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}

	70% {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}

	100% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
		clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
	}
}

.memberAreaWrapWrap {
	background: #383838;
}

.memberAreaWrap {
	background-repeat: repeat;
	background-position: center top;
	color: #fff;
	padding: 160px 0;
	position: relative;
	background-image: url(asset/img/member_bg_yellow.png);
	background-size: 160px 160px;
	background-position: calc(50% - 80px) top;
}

.memberAreaWrap .page_ttl {
	font-size: 5rem;
	font-family: aktiv-grotesk, sans-serif;
	line-height: 1;
	letter-spacing: 4px;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	z-index: 99;
	line-height: 0;
	position: absolute;
	top: 0;
}

.memberAreaWrap .moreBtn a {
	text-align: center;
	margin: 0 auto;
	display: block;
	position: relative;
	background-color: #000;
	max-width: none;
	border: 1px solid #555;
}

.memberAreaWrap .moreBtn a .char {
	font-family: aktiv-grotesk, sans-serif;
	font-weight: 600;
	font-size: 2.8rem;
	letter-spacing: 0.06em;
	padding-top: 50px;
	display: inline-block;
}

.memberArea {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	margin-bottom: 160px;
}

.memberArea .img {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	z-index: 1;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
}

.pageloaded .memberArea .img {
	transition: width 0.8s cubic-bezier(0.205, 0.01, 0.075, 0.995),
		-webkit-clip-path 0.8s cubic-bezier(0.205, 0.01, 0.075, 0.995),
		clip-path 0.8s cubic-bezier(0.205, 0.01, 0.075, 0.995), transform 0.5s,
		opacity 0.5s, filter 0.5s !important;
}

.no-touchevents .memberArea .img:hover {
	-webkit-filter: brightness(1.1);
	filter: brightness(1.1);
}

.memberArea .detail {
	width: calc(100% - 1px);
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.pageloaded .memberArea .detail {
	-webkit-transition: opacity 0.5s, background-color 0.1s ease 1s,
		-webkit-transform 0.5s;
	transition: opacity 0.5s, background-color 0.1s ease 1s,
		-webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s, background-color 0.1s ease 1s;
	transition: opacity 0.5s, transform 0.5s, background-color 0.1s ease 1s,
		-webkit-transform 0.5s;
}

.memberArea .head {
	line-height: 1;
}

.memberArea .name {
	margin-bottom: 15px;
	color: #fff;
	font-size: 1.8rem;
	letter-spacing: 0.08em;
	font-family: aktiv-grotesk, sans-serif;
	font-weight: 600;
}

.pageloaded .memberArea .name {
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
}

.memberArea .job {
	color: #999;
	font-size: 1.2rem;
	letter-spacing: 0.06em;
	font-family: aktiv-grotesk, sans-serif;
}

.memberArea .txt {
	padding-top: 15px;
	font-size: 1.4rem;
	letter-spacing: 0.06em;
	line-height: 1.8;
}

.memberArea .close {
	cursor: pointer;
	width: 44px;
	height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
}

.memberArea .close:after,
.memberArea .close:before {
	content: "";
	display: block;
	background-color: #000;
	bottom: 0;
	height: 1px;
	position: absolute;
	right: 32%;
	top: 50%;
	width: 15px;
}

.pageloaded .memberArea .close:after,
.pageloaded .memberArea .close:before {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.memberArea .close:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.memberArea .close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.memberArea .join {
	background: #000;
	border: 1px solid #333;
	max-width: 960px;
	margin: 4px auto 0;
	text-align: center;
}

.memberArea .join a {
	display: block;
	font-size: 2.8rem;
	font-family: aktiv-grotesk, sans-serif;
	line-height: 1;
	padding: 66px 0 65px;
	position: relative;
	text-transform: uppercase;
}

.pageloaded .memberArea .join a {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.gallery-photo {
	background: #383838;
	padding: 120px 0;
}

.gallery-photo .gallery_photo_block {
	margin: 100px 0;
	text-align: center;
}

.gallery-photo .gallery_photo_block h1 {
	font-size: 40px;
	color: #fff;
	margin-bottom: 40px;
}

.gallery-photo .gallery_photo_block time {
	color: #e5e5e5;
	font-size: 18px;
}

.gallery-photo .gallery_photo_block p {
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin: 80px 0;
}

.fancybox-bg {
	background: #000;
}

.fancybox-is-open .fancybox-bg {
	opacity: 1;
}

.st0 {
	stroke: #fff !important;
}

.fancybox-button--close:before,
.fancybox-button--close:after {
	background: #fff !important;
}

.fancybox-infobar {
	display: none;
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
	color: #242424;
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
	opacity: 1;
	-webkit-transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
	transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
	visibility: visible;
}

.fancybox-button--close {
	position: relative;
	top: 20px;
	right: 20px;
	background: transparent;
}

.fancybox-button--close:before {
	display: block;
	content: "";
	position: absolute;
	top: 8px;
	left: 22px;
	width: 2px;
	height: 30px;
	margin-top: -1px;
	background: #242424;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.fancybox-button--close:after {
	display: inline-block;
	position: absolute;
	content: "";
	padding: 0;
	right: 20px;
	top: 7px;
	width: 2px;
	height: 30px;
	background: #242424;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.fancybox-navigation .fancybox-button,
button.fancybox-button.fancybox-button--arrow_left {
	background: none;
	-webkit-transform: none;
	transform: none;
	border: none;
	padding: 0;
	outline: 0;
}

/*button.fancybox-button.fancybox-button--arrow_left {
  width: 30px;
  height: 30px;
}*/
.fancybox-button svg {
	width: 22px;
	height: 44px;
	display: block;
	opacity: 1;
	visibility: visible;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.fancybox-button svg path {
	fill: none;
	stroke-width: 1px;
}

.fancybox-content a:hover {
	opacity: 1;
}

.backpage {
	text-align: center;
}

.backpage a {
	color: #fff;
	font-size: 26px;
}

.backpage a:hover {
	color: yellow;
}

/*
 child page
*/
.button,
.h2 .c {
	cursor: pointer;
}

.cat-wrap,
.page-header .scroll-down,
.pickup-wrap .num-wrap,
.site-logo-wrap,
.site-navi-lang-switch,
.to-next {
	width: 10vw;
}

.button,
.button-wrap,
.cat-wrap,
.hr-control,
.nav,
.num-wrap,
.site-logo-wrap,
.site-navi-lang-switch {
	height: 15vh;
}

.button,
.button-wrap {
	z-index: 10;
	position: absolute;
	left: 5vw;
	color: #fafafa;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 15vw;
	letter-spacing: 0;
	min-width: 150px;
}

.button,
.button-wrap,
.cat-wrap,
.hr-control,
.site-sns-nav {
	bottom: 0;
}

.scroll-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
}

.js--height {
	height: 100vh;
}

.scroll-move {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.window {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
}

.js--wheel {
	width: 100%;
	height: 100%;
}

.scroll-content {
	position: absolute;
	z-index: 1;
	width: 100%;
}

.scroll-content {
	line-height: 2;
}

.page-header {
	height: 100vh;
	position: relative;
}

.js--scroll {
	will-change: transform;
}

.page-body {
	width: 100%;
	background-color: #fafafa;
}

.section {
	position: relative;
	background-color: #fafafa;
	margin-top: -1px;
}

.section.section-first {
	margin-top: 0;
}

.spr {
	width: 100%;
	height: 7.5vh;
}

.spr2 {
	height: 10vw;
}

.body {
	width: 100%;
	padding: 0 15vw;
	position: relative;
}

.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.page-title-wrap {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.page-title {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.page-title-body {
	position: relative;
	height: 100%;
	width: 100%;
}

.h2,
.h3 {
	margin-left: -0.08em;
	margin-bottom: -0.2em;
	letter-spacing: 0;
	line-height: 1.2;
	text-align: left;
	color: #fafafa;
}

.archive-button.button,
.archive-this-year,
.h2,
.h3,
.h4 {
	letter-spacing: -0.015em;
}

.archive-this-year,
.h2 {
	font-size: 6.9vw;
}

.page-footer .h2,
.page-header .h2,
.pickup-body .h2 {
	position: absolute;
	z-index: 2;
	width: 80vw;
	display: inline-block;
	height: auto;
	opacity: 1;
	will-change: transform;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.page-footer .h2,
.page-header .h2,
.pickup-body .h2,
.projects-wrap .h2 {
	bottom: 30vh;
	left: 15vw;
}

.pages-wrap .page-footer .h2,
.pages-wrap .page-header .h2,
.projects-wrap .h2 {
	bottom: auto;
	top: 50%;
	margin-top: -0.28em;
}

.page-header .button {
	left: 5vw;
}

.page-header .scroll-down {
	box-pack: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.page-header .scroll-down-l {
	left: 50vw;
	left: auto;
	right: 0;
}

.o {
	overflow: hidden;
	min-width: 0.25em;
	display: inline-block;
	vertical-align: top;
}

.h2 .o,
.h3 .o {
	margin-top: -0.3em;
	display: block;
}

.page-header .h2 span {
	cursor: default;
}

.h2 .c {
	white-space: nowrap;
}

.cl .c {
	display: inline-block;
	-webkit-transform-origin: center;
	transform-origin: center;
}

.cl .c,
.modal-button .c {
	transition: transform 0.6s cubic-bezier(0.6, 0.3, 0.1, 1),
		-webkit-transform 0.6s cubic-bezier(0.6, 0.3, 0.1, 1);
}

.is-loaded .cl .c {
	-webkit-transform: translateY(120%) skew(0deg, -2.5deg) scale(1) rotate(0);
	transform: translateY(120%) skew(0deg, -2.5deg) scale(1) rotate(0);
	-webkit-transition: none;
	transition: none;
}

.is-loaded-before .cl .c {
	-webkit-transform: translate(0) skew(0deg, 0deg) scale(1) rotate(0);
	transform: translate(0) skew(0deg, 0deg) scale(1) rotate(0);
	transition: transform 1.3s cubic-bezier(0.6, 0.3, 0.1, 1),
		-webkit-transform 1.3s cubic-bezier(0.6, 0.3, 0.1, 1);
}

.title .cl .c {
	padding: 0 0.5em 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.is-loaded-before .cl .c {
	opacity: 1;
}

.is-desktop.is-tr-fin-b.is-loaded .archive-thumb .bg-img,
.is-desktop.is-tr-fin-b.is-loaded .title .cl .o .c,
.is-desktop.is-tr-fin-b.is-loaded .video-button-wrap .cl .o .c {
	-webkit-transform: translate(0) skew(0deg, 0deg) scale(1) rotate(0);
	transform: translate(0) skew(0deg, 0deg) scale(1) rotate(0);
	transition: transform 1.2s cubic-bezier(0.25, 0.61, 0.33, 1),
		-webkit-transform 1.2s cubic-bezier(0.25, 0.61, 0.33, 1);
}

.archive-date,
.archive-title,
.archive-years,
.archive-years *,
.button *,
.cursor,
.cursor *,
.fl-wrap *,
.is-zooming a,
.js--scrolling .archive-li,
.js--scrolling .projects-item,
.js-archive-open *,
.modal-button,
.nuxt-link-active,
.projects-item a,
.projects-wrap .title,
.site-logo * {
	pointer-events: none;
}

.svg {
	line-height: 1;
	vertical-align: top;
}

.svg svg {
	width: 20px;
	height: 20px;
	line-height: 1;
}

.svg svg path {
	fill: none;
	stroke: #fafafa;
	stroke-miterlimit: 10;
	stroke-width: 2px;
}

.button .svg svg {
	transition: transform 1s, -webkit-transform 1s;
	opacity: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

.is-loaded .button .svg svg {
	opacity: 1;
	-webkit-transform: translate(0) skew(0deg, 0deg);
	transform: translate(0) skew(0deg, 0deg);
}

.js--draggable {
	cursor: -webkit-grab;
	cursor: grab;
}

#js--webgl {
	height: 100% !important;
	width: 100% !important;
	position: fixed;
	top: 0;
	left: 0;
}

#video {
	top: 9999px;
	left: -9999px;
	z-index: -2;
	position: fixed;
}

#video video {
	width: 10%;
	float: left;
	display: block;
}

.single footer {
	background: #000;
}

section#follow {
	height: 1082px;
	background-image: url("asset/img/followus.png");
	background-repeat: no-repeat;
	padding: 248px 0;
	background-attachment: fixed;
	background-position: center;
}

section#follow .follow_inner {
	margin: 0 auto;
}

section#follow .follow_inner h2 {
	font-size: 60px;
	color: #dbdbdb;
	text-align: center;
}

section#follow .follow_inner .top_text {
	margin-bottom: 80px;
}

section#follow .follow_inner .bottom_text {
	margin-top: 80px;
	margin-bottom: 50px;
}

section#follow .follow_inner p {
	color: #dbdbdb;
	font-size: 26px;
	text-align: center;
}

ul.social_icon {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

ul.social_icon li {
	width: 180px;
	height: 180px;
	margin: 0 10px;
}

ul.social_icon li a {
	display: block;
}

ul.social_icon li img {
	width: 100%;
	height: auto;
}

#topPhoto {
	background: transparent -webkit-gradient(linear,
			left top,
			left bottom,
			from(#272727),
			color-stop(13%, #2d2d2d),
			color-stop(42%, #363636),
			to(#545454)) 0% 0% no-repeat padding-box;
	background: transparent -webkit-linear-gradient(top,
			#272727 0%,
			#2d2d2d 13%,
			#363636 42%,
			#545454 100%) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(180deg, #272727 0%, #2d2d2d 13%, #363636 42%, #545454 100%) 0% 0% no-repeat padding-box;
}

#topPhoto .topPhoto_inner {
	margin: 0 auto;
	text-align: center;
	width: 980px;
	position: relative;
}

#topPhoto .topPhoto_inner h2 {
	font-size: 30px;
	text-align: center;
	margin-top: 70px;
}

#topPhoto .topPhoto_inner h2 br {
	display: none;
}

#topPhoto .topPhoto_inner .insta_spot {
	margin: 35px auto 100px;
	color: #dbdbdb;
	font-size: 30px;
	display: inline-block;
}

#topPhoto .topPhoto_inner .insta_spot:before {
	display: inline-block;
	background: url(asset/img/icon_map.png) no-repeat;
	content: "";
	width: 30px;
	height: 30px;
	background-size: cover;
	position: relative;
	left: -24px;
	top: 0px;
}

#topPhoto .topPhoto_inner .insta_feed {
	width: 930px;
	margin: 0 auto !important;
	background: #ffffff;
	padding: 50px 0;
}

#topPhoto .topPhoto_inner .insta_feed .section_alife {
	width: 250px;
	height: 55px;
	position: relative;
	left: 24%;
}

#topPhoto .topPhoto_inner .insta_feed .section_alife a span {
	font-size: 14px;
}

.notice {
	background: #383838;
}

.notice h2 {
	text-align: center;
	font-size: 40px;
	margin: 0px auto 100px;
}

.notice p {
	color: #fdfdfd;
	font-size: 20px;
	text-align: center;
	margin: 50px auto;
	line-height: 34px;
}

.notice p:first-child {
	margin-bottom: 25px;
}

.notice p:nth-child(2) {
	margin: 25px 0;
}

.notice p:nth-child(3) {
	margin: 25px 0;
}

.notice p:nth-child(4) {
	margin: 25px 0;
}

.notice p:nth-child(5) {
	margin: 25px 0;
}

.btn {
	margin-top: 75px;
}

.insta_logo img {
	width: 50px;
	height: 50px;
}

.meks-instagram-widget {
	margin: 0 auto !important;
}

.tablet {
	display: none;
}

.schedule {
	background: #292929;
}

.schedule_block {
	background: #292929;
}

.bg_gradient {
	background: -webkit-linear-gradient(135deg,
			#ee7752,
			#e73c7e,
			#23a6d5,
			#23d5ab);
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	-webkit-animation: gradient 15s ease infinite;
	animation: gradient 15s ease infinite;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}

@-webkit-keyframes gradient {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

.module {
	margin-bottom: 130px;
	color: #25282a;
	float: left;
	width: 100%;
	height: 100%;
}

.slide img {
	height: 100vh;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
}

.slick-dotted.slick-slider {
	margin: 0;
}

#main-contents .slick-list {
	height: 100vh;
}

.module [class*="col-"] .inner {
	padding: 2em 0;
}

.red {
	color: #f10000;
}

.green {
	color: #4eaa3e;
}

.uppercase {
	text-transform: uppercase;
}

.red_moon {
	background: #000;
}

/*Responsive Table & Accordion Styles*/
.tabular-data {
	overflow: hidden;
	position: relative;
}

.data-group {
	border-bottom: 1px dotted #dbdbdb;
}

.data-inactive {
	color: #787878;
	background: #e6e6e6;
	padding: 1.5em;
	float: left;
	width: 100%;
}

.data-header {
	font-weight: bold;
	text-transform: uppercase;
	color: rgba(85, 91, 96, 0.5);
	padding: 1.5em;
}

.data-header strong {
	color: #fff;
}

.data-group:last-child {
	border: none;
}

.data-group .data-expands,
.data-group .expandable {
	will-change: max-height, padding, opacity, background;
	-webkit-transition: ease max-height 0.5s, ease padding 0.5s, ease opacity 0.5s,
		ease background 0.5s;
	transition: ease max-height 0.5s, ease padding 0.5s, ease opacity 0.5s,
		ease background 0.5s;
}

.data-group .data-expands {
	cursor: pointer;
	padding: 1.5em;
	float: left;
	width: 100%;
	color: #cdcdcd;
}

.data-group .expandable {
	-webkit-transform-origin: top;
	transform-origin: top;
	margin: 0 1.25em 0;
	padding: 0 1.5em;
	font-weight: 600;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
}

.data-group .expandable img {
	width: 100%;
}

.data-group .expandable hr {
	margin: 1em 0;
}

.row-active,
.row-open {
	background: #292929;
	opacity: 1 !important;
}

.row-open {
	max-height: 1500px !important;
	padding: 1px !important;
}

.data-expands.row-active {
	font-weight: bold;
}

.data-contents {
	padding: 25px 30px;
	color: #fff;
	font-weight: 400;
	margin-top: 10px;
}

.row-toggle {
	position: relative;
	cursor: pointer;
	float: right;
	display: block;
	margin: 0.3em 0.5em 0 0;
	font-size: 2em;
	-webkit-transition: ease transform 0.5s;
	transition: ease transform 0.5s;
	-webkit-transform-origin: center;
	transform-origin: center;
	line-height: 1;
	font-weight: bold;
}

.row-toggle .horizontal,
.row-toggle .vertical {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -8px;
	content: " ";
	width: 16px;
	height: 2px;
	background: #787878;
	-webkit-transition: ease transform 0.5s;
	transition: ease transform 0.5s;
	-webkit-transform-origin: center;
	transform-origin: center;
}

.row-toggle .vertical {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.row-toggle-twist,
.row-toggle-twist .vertical {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.container {
	width: 1170px;
	padding-right: 15px;
	padding-left: 15px;
}

.row {
	margin-right: -15px;
	margin-left: -15px;
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
	display: table;
	content: "";
}

.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.modal-header:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
	clear: both;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.data-inner {
	padding-bottom: 15px;
	border-bottom: 1px solid #fff;
}

.data-inner h2 {
	font-size: 26px;
	margin-bottom: 15px;
}

.data-inner p {
	font-size: 14px;
	margin: 0;
	line-height: 1.5;
}

.detail {
	padding: 15px 0 0;
}

.detail ul li {
	font-weight: bold;
	font-size: 14px;
	line-height: 1.5;
}

.detail ul li span {
	font-weight: normal;
}

.child_title {
	text-align: center;
	margin-top: 145px;
	padding: 30px 0;
}

.child_title h1 {
	font-size: 40px;
	color: #dbdbdb;
	text-transform: uppercase;
	margin: 0;
}

.slick-dots li button:before {
	color: #fff;
	opacity: 1;
}

.slick-dots li.slick-active button:before {
	color: #f9f917;
	opacity: 1;
}

.schedule_title {
	margin: 130px auto;
	color: #dbdbdb;
	padding: 25px 0;
	font-size: 40px;
	text-align: center;
}

.slick-dots {
	bottom: 25px;
}

.expandable .section_alife {
	margin-top: 50px;
}

.expandable .btn:hover+.schedule_block {
	background: #000;
}

.floor {
	background: #383838;
}

.floor_bg {
	background: url(asset/img/floor.jpg) no-repeat;
	background-size: cover;
	background-position: 0 0;
}

.floor_block,
.floor_detail {
	background: #383838;
	position: relative;
	padding: 150px 0;
}

.floor_block_inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
}

.floor_block_inner .floor_photo {
	width: 49%;
}

.floor_block_inner .floor_photo ul li {
	max-width: 605px;
	margin: 0;
	margin-bottom: 60px;
}

.floor_block_inner .floor_text {
	width: 49%;
}

.floor_block_inner .floor_text ul li {
	color: #fff;
	text-transform: uppercase;
	font-size: 24px;
	text-align: right;
	font-weight: bold;
	letter-spacing: -1px;
	-webkit-transition: 1s ease;
	transition: 1s ease;
	position: relative;
}

.floor_block_inner .floor_text ul .fvmenu_link_2 {
	color: gray;
}

.floor_block_inner .floor_text ul li:after {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	content: "";
	border-bottom: 1px solid #fff;
	width: 100%;
}

.floor_block_inner .floor_text ul li a {
	display: block;
}

.floor_block_inner .floor_text ul li a:hover {
	color: #f9f917;
}

.floor_block_inner .floor_text ul li:first-child {
	margin: 18% 0 0;
}

.floor_block_inner .floor_text ul li:first-child:after {
	width: 75%;
}

.floor_block_inner .floor_text ul li:nth-child(2) {
	margin: 28% 0 0;
}

.floor_block_inner .floor_text ul li:nth-child(2):after {
	width: 90%;
}

.floor_block_inner .floor_text ul li:last-child {
	margin: 27% 0 0;
}

.floor_detail .wrap {
	width: 1080px;
}

.floor_detail .wrap .floor_detail_block h2 {
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #fff;
}

.floor_detail .wrap .floor_detail_block .closed {
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}

.floor_detail .wrap .floor_detail_block h3 {
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #fff;
	font-size: 2rem;
	color: yellow;
}

@media screen and (max-width: 600px) {
	.floor_detail .wrap .floor_detail_block h3 {
		padding-bottom: 25px;
		margin-bottom: 25px;
	}
}

.floor_detail .wrap .floor_detail_block h2 span {
	float: left;
}

.floor_detail .wrap .floor_detail_block h2 span:last-child {
	float: right;
}

.floor_detail .wrap .floor_detail_block h2:after {
	height: 0;
	clear: both;
	content: "";
	visibility: hidden;
	display: block;
}

.floor_detail .wrap p {
	color: #dbdbdb;
	font-size: 18px;
}

.floor_detail .photo {
	margin: 40px 0 60px;
}

.floor_detail .photo ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.floor_detail .photo ul li {
	width: 265px;
}

.floor_detail .floor_map {
	margin-top: 30px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.floor_detail .floor_map img {
	width: 640px;
	height: auto;
}

.floor_detail .floor_map a {
	margin-bottom: 0;
}

.floor_detail .floor_map .photo_carousel {
	height: 295px;
	margin-left: 20px;
	width: 420px;
}

.floor_detail .floor_map .photo_carousel img {
	width: 100%;
}

.floor_detail a.upstairs,
.floor_detail a.downstairs {
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 20px;
	padding: 10px;
	text-align: center;
	margin-top: 220px;
	-webkit-transition: 1s ease;
	transition: 1s ease;
}

.floor_detail a.upstairs:hover,
.floor_detail a.downstairs:hover {
	opacity: 1;
}

.floor_detail a.upstairs:hover:before,
.floor_detail a.downstairs:hover:before {
	top: -15%;
	-webkit-transition: 0.5s all;
	transition: 0.5s all;
}

.floor_detail a.upstairs .stairs span,
.floor_detail a.upstairs .downstairs span,
.floor_detail a.downstairs .stairs span,
.floor_detail a.downstairs .downstairs span {
	width: 15px;
	height: 15px;
	display: inline-block;
	border-left: 1px solid #707070;
	border-top: 1px solid #707070;
	position: relative;
}

.floor_detail a.upstairs .stairs span:nth-child(2),
.floor_detail a.upstairs .downstairs span:nth-child(2),
.floor_detail a.downstairs .stairs span:nth-child(2),
.floor_detail a.downstairs .downstairs span:nth-child(2) {
	top: -14px;
}

.floor_detail a.upstairs .stairs span:nth-child(3),
.floor_detail a.upstairs .downstairs span:nth-child(3),
.floor_detail a.downstairs .stairs span:nth-child(3),
.floor_detail a.downstairs .downstairs span:nth-child(3) {
	top: -28px;
}

.upstairs_box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.fv {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.floor_photo .fv:hover {
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}

.fvhover {
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.vip_block .fvhover a img {
	-webkit-filter: grayscale(0%) !important;
	filter: grayscale(0%) !important;
}

.dine {
	background: #292929;
}

.dine .child_title {
	background: none;
	color: #fff;
	margin-bottom: 70px;
}

.dine .slick-list {
	height: auto !important;
}

.dine .slick-list img {
	height: auto !important;
}

.dine .slick-dots {
	bottom: auto;
}

.treat .treat_text h2 {
	font-size: 40px;
	text-align: center;
	margin-bottom: 100px;
}

.treat .treat_text .menu_top {
	text-align: center;
}

.treat .treat_text .menu_top p {
	font-size: 18px;
	color: #dbdbdb;
	margin-top: 60px;
}

.treat .treat_text .menu_top img {
	max-width: 600px;
	height: 100%;
}

.treat_slider .slick-slide {
	padding: 0 10px;
}

.grand_menu {
	margin-top: 100px;
	padding-bottom: 120px;
}

.grand_menu h2 {
	font-size: 40px;
	text-align: center;
	margin-bottom: 135px;
}

.grand_menu .menu_image .menu_images {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 105px;
}

.grand_menu .menu_image .menu_images div {
	width: 577px;
	height: auto;
	background: #fff;
}

.grand_menu .menu_image .menu_images div img {
	height: 100%;
}

.grand_menu .menu_image .menu_images div:last-child {
	margin-left: 20px;
}

.vip {
	background: #383838;
}

.vip_bg {
	background: url(asset/img/vip.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

.vip_block .floor_photo ul li a {
	display: block;
}

.vip_block .floor_photo ul li a img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: 0.3s ease all;
	transition: 0.3s ease all;
}

.vip_block .floor_photo ul li a img:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.fvmenu_img_2 .closed {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.vip .data-group {
	border-bottom: none;
}

.vip_detail .photo {
	text-align: center;
	margin-bottom: 20px;
}

.vip_detail .photo img {
	width: 985px;
	margin: 0 auto;
}

.vip_detail .vip_price {
	width: 900px;
	margin: 0 auto;
	color: #dbdbdb;
}

.vip_detail .vip_price ul li span {
	display: inline-block;
	margin-right: 60px;
	font-size: 18px;
}

.vip_detail .vip_price ul li span:first-child {
	width: 170px;
	vertical-align: top;
}

.vip_detail .vip_price ul li span:nth-child(2) {
	width: 160px;
	vertical-align: top;
}

.vip_detail .vip_price ul li span:last-child {
	margin-right: 0;
}

.vip_detail .row-active,
.vip_detail .row-open {
	background: transparent;
}

.vip_detail .data-expands div {
	color: #fff;
	text-align: center;
}

.vip_detail .data-expands .btn {
	margin-top: 0;
	margin-bottom: 30px;
	height: 50px;
	border-radius: 33px;
	color: #383838;
	background: #fff;
}

.vip_detail .expandable {
	margin: 0;
}

.vip_detail .row-open {
	margin-bottom: 30px;
}

.new .event {
	background: #383838;
	padding: 100px 0;
}

.new .event .event_wrap {
	width: 1080px;
}

.new h1 {
	color: #dbdbdb;
	font-size: 40px;
	text-align: center;
	margin-bottom: 30px;
}

.new .slide {
	background: #383838;
}

#CDSWIDCOE {
	margin: 0 auto !important;
}

#CDSWIDCOE img {
	width: auto !important;
}

.TA_links {
	text-align: center !important;
}

.widCOEImg {
	width: auto !important;
}

.event_block {
	margin: 60px 0 270px;
}

.event_block .event_block_inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.event_block .event_photo {
	width: 585px;
	height: 330px;
}

.event_block .event_photo img {
	width: auto;
	height: 100%;
}

.event_block .event_txt {
	margin-left: 35px;
}

.event_block .event_txt h2 {
	color: #dbdbdb;
	font-size: 30px;
	margin-top: 30px;
	margin-bottom: 40px;
}

.event_block .event_txt p {
	color: #dbdbdb;
	font-size: 18px;
	margin-bottom: 40px;
}

.event_block .btn {
	margin-top: 80px;
}

.rental section {
	height: 100vh;
	padding: 0;
}

.rental a {
	color: #ad9683;
}

.rental .rantal_bg {
	background: url(asset/img/rantal_bg.png) no-repeat;
	background-size: cover;
	background-position: center;
	height: 100%;
}

.rental .rantal_bg h2 {
	position: absolute;
	top: 50%;
	color: #fff !important;
	left: 12%;
	font-size: 70px;
	text-transform: uppercase;
	font-family: sans-serif;
}

.rental_nav {
	background: #cfc4a7;
	-webkit-box-shadow: 0px 3px 6px #000029;
	box-shadow: 0px 3px 6px #000029;
}

.rental_nav ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 40px 0;
}

.rental_nav ul li {
	margin: 0 30px;
}

.rental_nav ul li a {
	font-size: 20px;
	color: #5f5f5f;
	font-family: "FOT-UD明朝 Pr6N", serif;
	font-weight: 700;
}

.rental_nav ul li a:hover {
	color: #fff;
}

.white_block {
	background: white;
}

.rental .gray_block {
	background: #f7f7f7;
	padding: 100px 0 50px;
}

.gray_block h1 {
	font-size: 30px;
	margin-bottom: 70px;
	color: #ad9683;
	font-family: sans-serif;
	text-align: center;
}

.rental .sec01 {
	padding: 220px 0 100px;
}

.rental h2 {
	color: #ad9683;
	font-size: 30px;
	margin-bottom: 40px;
	font-family: "FOT-テロップ明朝 Pro", serif;
	text-align: center;
}

.rental h3 {
	color: #ad9683;
	text-align: center;
	font-size: 24px;
	font-family: "Hiragino Kaku Gothic ProN", serif;
	margin-bottom: 50px;
}

.rental p {
	color: #ad9683;
	text-align: center;
	font-size: 18px;
	line-height: 37px;
}

.sec07 h2 {
	font-family: sans-serif;
	font-size: 22px;
}

.rental_btn,
.block_style_btn {
	margin: 80px 0;
}

.rental_btn ul,
.block_style_btn ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.rental_btn ul li,
.block_style_btn ul li {
	width: 300px;
	margin: 0 35px;
	border: 1px solid #ad9683;
	color: #ad9683;
}

.rental_btn ul li a,
.block_style_btn ul li a {
	width: 100%;
	padding: 15px 0;
	text-align: center;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.rental_btn ul li a:hover,
.block_style_btn ul li a:hover {
	background: #ad9683;
	color: #fff;
}

.rental_btn ul li a span,
.block_style_btn ul li a span {
	display: block;
	font-size: 18px;
}

.rental_btn ul li:first-child a,
.block_style_btn ul li:first-child a {
	display: block;
}

.rental_btn ul li:first-child a span:last-child,
.block_style_btn ul li:first-child a span:last-child {
	font-size: 12px;
}

.block_style h2 {
	font-size: 22px;
	font-family: inherit;
}

.block_style .block_contents {
	margin: 75px 0;
}

.block_style .block_contents .block {
	margin-bottom: 75px;
}

.block_style .block_contents .block img {
	margin-right: 40px;
	width: 360px;
	height: 210px;
	float: left;
}

.block_style .block_contents .block .text {
	float: left;
	width: 800px;
}

.block_style .block_contents .block .text h3 {
	font-size: 22px;
	font-family: "Hiragino Kaku Gothic ProN", serif;
	font-weight: 600;
	margin-bottom: 40px;
	text-align: left;
}

.block_style .block_contents .block .text p {
	text-align: left;
	line-height: 1.5;
}

.block_style .block_contents .block .text .menu_txt span {
	display: block;
	font-size: 15px;
	margin-top: 5px;
}

.block_style .block_contents .block:after {
	height: 0;
	clear: both;
	content: "";
	visibility: hidden;
	display: block;
}

.block_style_btn a {
	color: #ad9683;
	font-size: 20px;
	font-family: Helvetica, serif;
	font-weight: normal;
}

.block_style_btn ul li:first-child a span:last-child {
	font-size: 18px;
}

.slider_rental img {
	width: auto !important;
}

.slider_rental button {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.slider_rental .slide-arrow {
	position: absolute;
	top: 50%;
	margin-top: -15px;
}

.slider_rental .prev-arrow {
	left: 20px;
	width: 0;
	height: 0;
	border-left: 0 solid transparent;
	border-right: 15px solid #000;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	z-index: 10;
}

.slider_rental .next-arrow {
	right: 20px;
	width: 0;
	height: 0;
	border-right: 0 solid transparent;
	border-left: 15px solid #000;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}

.slick-initialized .slick-slide div {
	text-align: center;
}

.system {
	border: 1px solid #ad9683;
}

/*
 gallery
*/
.gg-container {
	--main-color: #000;
	--secondary-color: #111;
	--txt-color: #fff;
	--img-bg-color: rgba(240, 240, 240, 0.9);
	--backdrop-color: rgba(240, 240, 240, 0.9);
	--gap-length: 2px;
	--row-height: 200px;
	--column-width: 220px;
}

.gg-container *[data-theme="dark"] {
	--main-color: #ddd;
	--secondary-color: #eee;
	--txt-color: #111;
	--img-bg-color: rgba(20, 20, 20, 0.9);
	--backdrop-color: rgba(30, 30, 30, 0.9);
}

.gg-box {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(var(--column-width), 1fr));
	grid-auto-rows: var(--row-height);
	grid-gap: var(--gap-length);
	margin: 20px 0;
}

.gg-box img {
	-o-object-fit: cover;
	object-fit: cover;
	cursor: pointer;
	width: 100%;
	height: 100%;
	background: var(--img-bg-color);
}

.gg-box img:hover {
	opacity: 0.98;
}

#gg-screen {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--backdrop-color);
	z-index: 9999;
	text-align: center;
}

#gg-screen .gg-image {
	height: 100%;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

#gg-screen .gg-image img {
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
}

.gg-btn {
	width: 35px;
	height: 35px;
	background: var(--main-color);
	color: var(--txt-color);
	text-align: center;
	line-height: 35px;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-size: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 2px;
	position: fixed;
	bottom: 10px;
}

.gg-btn:hover {
	background: var(--secondary-color);
}

.gg-close {
	top: 10px;
}

.gg-close,
.gg-next {
	right: 10px;
}

.gg-prev {
	right: 50px;
}

.gg-prev,
.gg-next {
	bottom: 10px;
}

.rental_gallery h2 {
	font-size: 30px;
	margin-bottom: 150px;
	color: #ad9683;
	font-family: sans-serif;
	text-align: center;
}

.pagetop {
	width: 100px;
	height: 100px;
	position: absolute;
	right: 10%;
	bottom: 10%;
	background: #d4cab0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 10%;
}

.pagetop span {
	width: 50px;
	height: 50px;
	border: 2px solid;
	border-color: #fff #fff transparent transparent;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	display: inline-block;
	position: relative;
	top: 15px;
}

.rental_gallery {
	padding: 110px 0;
}

.rental_option {
	margin: 0;
	padding: 100px 0 0;
	background: #fff;
	text-align: center;
}

.rental_option h2 {
	color: #ad9683;
	font-size: 30px;
	margin-bottom: 80px;
	font-family: "Hiragino Kaku Gothic ProN", serif;
	text-align: center;
}

.rental_option img {
	max-width: 100%;
	margin: 0 auto;
	width: 90%;
}

.rental_option .option_menu_close {
	text-align: center;
	display: block;
	margin: 30px 0;
	color: #ad9683;
	font-size: 18px;
}

main.recruit {
	background: #383838;
}

main.recruit .wrap {
	width: 1080px;
}

main.recruit .banner {
	background: #fff;
	margin-top: 50px;
}

.recruit_block {
	padding: 80px 0;
	color: #fff;
	text-align: center;
}

.recruit_block h3 {
	font-size: 26px;
}

.recruit_block .recruit_title {
	font-size: 30px;
	margin-bottom: 90px;
}

.recruit_block p {
	line-height: 1.5;
	margin-bottom: 30px;
}

.recruit_block .box {
	border: 1px solid #707070;
	padding: 45px;
	margin-top: 90px;
	margin-bottom: 150px;
}

.recruit_block .hourly_wage ul {
	width: 450px;
	margin: 0 auto;
}

.recruit_block .hourly_wage ul li {
	text-align: left;
}

.recruit_block .hourly_wage ul li span {
	display: inline-block;
	margin-right: 20px;
}

.recruit_block .hourly_wage ul li span:first-child {
	width: 150px;
}

.recruit_block .hourly_wage ul li:last-child span:first-child {
	text-align: right;
}

.box.recruit_detail {
	padding: 70px 0;
}

.box.recruit_detail hr {
	background-color: #707070;
	margin: 70px auto;
	height: 1px;
	width: 600px;
}

table.detail_table {
	width: 610px;
	margin: 0 auto;
}

table.detail_table td:first-child {
	width: 180px;
	vertical-align: top;
}

table.detail_table td span {
	display: inline-block;
	margin-left: 10px;
}

.recruit_info {
	margin-top: 160px;
	margin-bottom: 80px;
}

.recruit_info ul li {
	margin: 40px 0;
	font-weight: bold;
}

main.contactus {
	background: #383838;
}

main.contactus .childpage h2 {
	left: auto;
	right: 20%;
}

.contactus_bg {
	background: url(asset/img/contactus.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

.vip_conrtact {
	background: #383838;
}

.vip_conrtact .wrap {
	width: 850px;
}

.txt_block {
	max-width: 670px;
	margin: 80px auto;
}

.txt_block .block {
	margin: 80px 0 30px;
}

.txt_block .fz15 {
	font-size: 15px;
	color: #A09F9F;
}

.vip_conrtact h2 {
	font-size: 40px;
	text-align: center;
}

.vip_conrtact .image {
	margin-top: 100px;
	width: 560px;
}

.vip_conrtact .box {
	border: 1px solid #707070;
	padding: 40px 15px;
	width: 45%;
	margin: 70px auto;
	text-align: center;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
}

.flex-box {
	display: flex;
	justify-content: space-around;
}

.box_block.flex-box {
	max-width: 1024px;
	margin: auto;
}

.flex-box a {
	color: #fff;
}

.flex-box a:hover {
	color: #fff;
}

.vip_conrtact .box span {
	display: block;
}

.vip_conrtact p {
	color: #fff;
	text-align: center;
	font-size: 18px;
	margin-bottom: 20px;
}

.vip_conrtact .section_alife {
	margin-top: 110px;
}

.contact_form {
	background: #2b2a2a;
	padding-bottom: 100px;
}

.contact_form h2 {
	text-align: center;
	margin-bottom: 50px;
}

.contact_form h2 span {
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	display: block;
}

.cardicon {
	margin-top: 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.cardicon li {
	margin: 0 11px;
	width: 60px;
}

.form {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 150px;
}

.form table tr td {
	color: #fff;
	font-size: 18px;
}

.form table tr td input,
.form table tr td textarea {
	border: 1px solid #fff;
	background: #474747;
	width: 420px;
	padding: 5px;
	margin: 2px;
	color: #fff;
}

.form table tr td textarea {
	height: 150px;
}

.form table tr td:first-child {
	text-align: right;
	padding-right: 20px;
	vertical-align: top;
}

.form table tr td:last-child input,
.form table tr td:last-child textarea {
	padding-left: 20px;
}

.form input[type="submit"] {
	width: 200px;
	margin: 30px 0 0;
	height: 50px;
	padding: 0 !important;
}

#top_movie {
	padding: 0;
}

#top_movie .video_container {
	height: 100vh;
	padding: 0;
	background: #000;
}

#top_movie .video_container video {
	width: 100%;
	height: auto;
}

.contactus_bg {
	background: url(asset/img/contactus.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

section {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.wrap {
	width: 1280px;
	margin: 0 auto;
	height: 100%;
}

#banner {
	background: #fff;
	text-align: center;
	padding: 0;
}

#banner a {
	display: block;
}

#banner a:hover {
	opacity: 0.7;
}

#map {
	padding: 0;
}

#map .map {
	height: 450px;
}

#map .map iframe {
	height: 100%;
}

#map .map iframe,
#map .map object,
#map .map embed {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

#top_movie {
	height: 100vh;
	background: url(asset/img/ALIFE_Web_EVENT_BINGE_1920px.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

#top_movie .video_container {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	will-change: transform;
}

#top_movie .video_container video {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: none;
}

.btn {
	width: 338px;
	height: 74px;
	color: #fdfdfd;
	margin: 55px auto 15px;
	border: 1px solid #fdfdfd;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 18px;
	text-transform: uppercase;
}

body.kopage .globalHeader__menu,
body.kopage .reservation_block {
	display: none;
}

body.kopage .reservation_block {
	display: block !important;
}

body.page-template-page-top .globalHeader__menu {
	display: block;
}

body.kopage #top_movie {
	padding: 0;
}

body.kopage #top_movie .video_container {
	/*position: fixed;*/
}

/*
 kopage Top
*/
.childpage {
	height: 100vh;
}

.childpage h2 {
	position: absolute;
	top: 50%;
	color: #fff;
	left: 12%;
	font-size: 70px;
	text-transform: uppercase;
}

.movie {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	will-change: transform;
}

.movie video {
	width: 100%;
	height: 100%;
}

.section_alife {
	width: 338px;
	height: 74px;
	margin: 55px auto 15px;
	border: 1px solid #fdfdfd;
	overflow: hidden;
}

.section_alife .button_alife {
	background-color: transparent;
	overflow: hidden;
	border: none;
	cursor: pointer;
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.section_alife .button_alife .text {
	color: #fff;
	position: relative;
	z-index: 100;
	font-size: 18px;
	text-transform: uppercase;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.section_alife .button_alife::after {
	content: "";
	position: absolute;
	transition: top 0.3s ease-in 0.3s, width 0.3s ease-out, height 0.3s ease-out;
	-webkit-transition: top 0.3s ease-in 0.3s, width 0.3s ease-out,
		height 0.3s ease-out;
	left: 50%;
	top: -50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: yellow;
}

.section_alife .button_alife:hover .text {
	color: #383838;
	transition: color 0.3s linear 0.3s;
	-webkit-transition: color 0.3s linear 0.3s;
}

.section_alife .button_alife:hover::after {
	transition: top 0.3s ease-in, width 0.3s ease-out 0.3s,
		height 0.3s ease-out 0.3s;
	-webkit-transition: top 0.3s ease-in, width 0.3s ease-out 0.3s,
		height 0.3s ease-out 0.3s;
	top: 50%;
	width: 500px;
	height: 500px;
}

.single {
	background: #383838;
	height: 100%;
}

.single .thumbnail img {
	width: 100%;
	height: auto;
}

.single h2 {
	margin: 50px 0;
	font-size: 40px;
}

.single p {
	font-size: 18px;
	color: #fff;
}

main {
	overflow: hidden;
}

.main-block {
	background: #333;
	height: 100vh;
	width: 100%;
	margin-bottom: 100vh;
}

.globalHeader__menu.is-move .arrow-button,
.is-move.reservation_block .arrow-button {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

footer {
	width: 100%;
	position: relative;
	height: 100%;
	z-index: -100;
}

main {
	margin-bottom: 100vh;
}

.footer_inner,
.footer_copy {
	max-width: 95%;
	margin: 0 auto;
}

.footer_inner.wrap {
	height: auto;
	position: fixed;
	top: 0;
	left: 11%;
	z-index: -100;
}

.footer_inner {
	padding-top: 200px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.footer_inner .inner_left {
	width: 50%;
}

.footer_inner .inner_left .inner_left_block {
	margin-bottom: 45px;
}

.footer_inner .inner_left .inner_left_block h2 {
	font-size: 40px;
	line-height: 1;
}

.footer_inner .inner_left .inner_left_block hr {
	background: #fff;
	width: 80%;
	height: 1px;
	margin-left: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

.footer_inner .inner_left .inner_left_block h3 {
	font-size: 18px;
}

.footer_inner .inner_left .inner_left_block h5 {
	font-size: 25px;
	color: #fdfdfd;
}

.footer_inner .inner_left .inner_left_block h5 span {
	text-transform: uppercase;
}

.footer_inner .inner_left .inner_left_block p {
	color: #777777;
	font-size: 17px;
}

.footer_inner .inner_left .inner_left_block p span {
	font-size: 14px;
}

.footer_inner .inner_left .inner_left_block a.tel {
	font-size: 19px;
	color: #fdfdfd;
}

.footer_inner .inner_left .inner_left_block:last-child {
	margin-bottom: 0;
}

.footer_inner .footer_inner .inner_left .inner_left_block h3 {
	font-size: 16px;
}

.footer_inner .inner_right {
	position: relative;
	width: 50%;
}

.footer_inner .inner_right .inner_right_block {
	position: absolute;
	bottom: 0;
	right: 0;
}

.footer_inner .inner_right .inner_right_block ul.footer_social {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	left: -53%;
}

.footer_inner .inner_right .inner_right_block ul.footer_social li {
	width: 30px;
	height: 30px;
}

.footer_inner .inner_right .inner_right_block ul.footer_social li:first-child {
	margin-right: 20px;
}

.footer_inner .inner_right .reservation_block {
	height: 235px;
}

.footer_inner .inner_right .copy {
	text-align: right;
	padding-top: 20px;
}

.footer_inner .inner_right .copy img {
	position: relative;
	right: 50px;
	width: 182px;
	height: auto;
}

.footer_inner .inner_right .copy p {
	color: #777777;
	margin: 0;
	font-size: 12px;
	padding-top: 0;
}

.footer_inner .inner_right_block.reservation_block {
	bottom: 10px;
}

.reservation_reservation {
	position: absolute;
	right: 0;
	width: 235px;
	height: 235px;
	border-radius: 50%;
	border: 1px solid #fff;
}

.reservation_reservation span,
.reservation_reservation a {
	color: #fff;
}

.reservation_reservation span.arrow {
	position: absolute;
	top: 40%;
	left: -150px;
	font-size: 35px;
}

.reservation_reservation a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	text-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.reservation_reservation a span {
	font-size: 30px;
	width: 220px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	top: -5px;
}

.reservation_block .reservation_arrow {
	position: absolute;
	top: 190%;
	font-size: 50px;
	color: #fff;
	right: 30%;
}

.reservation_block a.globalHeader__menu,
.reservation_block a.reservation_block {
	top: 320%;
	display: block !important;
}

.reservation_block a.globalHeader__menu .menu__txt,
.reservation_block a.reservation_block .menu__txt {
	text-align: center;
	width: 80%;
}

.reservation_block a.globalHeader__menu .menu__txt .text-ov,
.reservation_block a.reservation_block .menu__txt .text-ov {
	font-size: 13px !important;
}

.footer_copy {
	margin-top: 20px;
}

.footer_copy .social {
	padding-bottom: 25px;
	border-bottom: 1px solid #fff;
}

.footer_copy .social ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.footer_copy .social ul li {
	width: 44px;
	height: 44px;
	margin: 0 5px;
}

.footer_copy .social ul li a {
	display: block;
}

.footer_copy .social ul li:nth-child(2) {
	width: 55px;
	position: relative;
	top: -5px;
}

/*@media screen and (max-width: 1280px) {
  .wrap {
    width: 1080px;
  }

  #events {
    padding: 0;
  }

  #events .viewBox {
    width: 430px;
    height: 810px;
  }

  #events .events-text {
    margin-left: 70px;
  }

  #events .vip_event_link {
    margin-top: 220px;
  }
}

@media screen and (max-width: 1080px) {
  body.menu-active {
    #top_movie .video_container {
      position: fixed;
    }
  }

  .site-menu {
    position: absolute;
  }

  .globalHeader__nav .nav>li>a {
    font-size: 16px;
  }

  .wrap {
    width: 834px;
  }

  #events .viewBox {
    float: none;
    margin: 55px auto 25px;
  }

  #events .sp_events .photo-top-text {
    margin-bottom: 0;
  }

  #events .vip_event_link {
    margin-top: 0;

    ul {
      display: flex;
      justify-content: space-around;

      li {
        width: 45%;
      }
    }
  }

  .btn {
    margin-top: 50px;
  }

  #banner a {
    font-size: 35px;
    padding: 110px 0;
  }
}



@media screen and (max-width: 834px) {
  .wrap {
    width: 400px;
  }

  .globalHeader {
    //background: $main;
    //mix-blend-mode: normal;

    .globalHeader__logo {
      height: 90px;
    }
  }

  section#follow .follow_inner {
    width: 100%;
  }

  section {
    padding: 80px 0;
  }

  .wrap {
    width: 80%;
  }



  #events {
    padding-top: 0;
    padding-bottom: 0;

    .events-text {
      text-align: center;
      ;
    }
  }

  section.gallery div.gallery-wrap div.gimg02 {
    padding: calc(2.2/3 * 50%);
    width: 500px;

    .inner {
      width: 65%;
    }
  }

  #events .sp_events .gimg02 {
    margin-left: 0;
    margin-right: 0;
  }

  .photo-top-text {
    text-align: center;
  }

  #events {
    padding-bottom: 80px;

    .viewBox {
      width: 80%;
      height: 750px;
    }

    .vip_event_link {

      ul {
        display: flex;
        justify-content: space-around;

        li {
          width: 43%;
        }
      }
    }
  }

  section#follow {
    height: auto;
    padding: 140px 0;

    .follow_inner {
      .top_text {
        margin-bottom: 8%;
        font-size: 40px;
      }

      .bottom_text {
        margin-top: 8%;
        margin-bottom: 5%;
        font-size: 40px;
      }
    }

    ul.social_icon {
      display: block;

      li {
        margin: 20px auto;
      }
    }
  }

  .br {
    display: none;
  }

  #topPhoto {
    .topPhoto_inner {
      h2 {
        font-size: 40px;
      }

      .insta_spot {
        margin: 40px auto;
        font-size: 30px;

        &:before {
          width: 35px;
          height: 35px;
          top: 7px;
        }
      }
    }

    .notice {
      h2 {
        margin-top: 20%;
      }

      p {
        font-size: 18px;
        margin: 30px auto;
      }
    }
  }

  #banner {
    height: auto;

    a {
      font-size: 25px;
      padding: 120px 0;
    }
  }

  .btn {
    margin: 70px auto 0;
  }
}

@media screen and (max-width: 400px) {
  #events .sp_events .gimg02 {
    display: none;
  }

  .reserv {
    width: 80%;
    font-size: 20px;
    margin-bottom: 30px;
  }

  #events .sp_events .events-text h2 {
    font-size: 20px;
  }

  #events .sp_events .events-text p,
  #events .sp_events .photo-top-text {
    font-size: 12px;
    margin-top: 14px;
  }

  #events .vip_event_link ul li {
    width: 47%;
    font-size: 10px;
    height: auto;
    padding: 10px;
  }

  section#follow {
    padding-left: 10px;
    padding-right: 10px;
  }

  section#follow .follow_inner .top_text {
    font-size: 30px;
    margin-bottom: 15%;
  }

  .site-menu {
    ul.social_icon {
      display: flex;
    }
  }

  ul.social_icon {
    display: block;

    li {
      margin: 0 auto !important;
    }
  }

  section#follow .follow_inner .bottom_text {
    font-size: 26px;
  }

  section#follow .follow_inner p {
    font-size: 18px;
  }

  #topPhoto .topPhoto_inner {
    h2 {
      font-size: 27px;
      margin-bottom: 10px;
    }
  }

  #topPhoto .topPhoto_inner h3 {
    font-size: 18px;
  }

  #topPhoto .topPhoto_inner .insta_spot {
    margin: 20px auto;
    font-size: 18px;

    &:before {
      width: 25px;
      height: 25px;
      left: -5px;
    }
  }

  .btn {
    width: 133px;
    height: 39px;
    margin-top: 48px;

    a {
      font-size: 10px;
    }
  }

  #topPhoto {
    .notice {
      h2 {
        font-size: 28px;
        margin-top: 92px;
        margin-bottom: 34px;
      }

      p {
        font-size: 14px;
        width: 300px;
        margin-right: auto;
        margin-left: auto;
        line-height: 24px;
      }
    }
  }

  #banner a {
    width: 345px;
    margin: 0 auto;
    font-size: 26px;
  }
}
*/

@media (min-width: 64.375em) {
	.site-menu-list {
		margin-top: 15px;
		margin-left: 10%;
	}

	.site-menu-footer {
		bottom: 70px;
	}
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
	.arrow-button__border svg {
		stroke-width: 0.5px;
	}

	.globalHeader__menu .menu__inner .arrow-button__border svg,
	.reservation_block .menu__inner .arrow-button__border svg {
		stroke-width: 0.5px;
	}

	.globalHeader__menu .line-1,
	.reservation_block .line-1,
	.globalHeader__menu .line-2,
	.reservation_block .line-2 {
		border-width: 0.5px;
	}
}

@media (max-width: 970px) {
	.globalHeader .wrap {
		width: 100%;
	}

	.globalHeader .wrap .globalHeader__logo {
		left: 5%;
		height: 85px;
	}

	.site-header {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	body.menu-open .site-menu:before {
		content: "";
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.8);
	}

	.globalHeader__nav {
		display: none;
	}
}

@media screen and (max-width: 560px) {
	.reservation_block .menu__inner {
		width: 130px;
		height: 130px;
		left: 66%;
		top: 5%;
	}

	.reservation_block .text-ov {
		font-size: 12px !important;
	}

	.reservation_block .inner_left_block hr {
		height: 1px;
	}

	.reservation_block .reservation_arrow {
		display: none;
	}

	.footer_inner .inner_left .inner_left_block h5 {
		font-size: 22px;
	}

	.globalHeader__menu,
	.reservation_block,
	.reservation_block,
	.globalHeader__menu:before,
	.reservation_block:before,
	.reservation_block:before,
	.globalHeader__menu .menu__inner,
	.reservation_block .menu__inner,
	.reservation_block .menu__inner {
		width: 130px;
		height: 130px;
	}

	.globalHeader__menu:before,
	.reservation_block:before,
	.reservation_block:before {
		top: 30%;
		left: 30%;
	}

	#events {
		padding-bottom: 100px;
	}

	.gallery_event_title h1 {
		padding: 30px 10px;
	}

	.gallery_block {
		padding-bottom: 30px;
	}

	.text-ja br:last-child {
		display: none;
	}

	#events .vip_event_link ul li:last-child {
		margin-bottom: 0;
	}

	section#follow {
		background-attachment: scroll;
		background-position-y: 0 !important;
		height: auto;
	}

	.tablet {
		display: none;
	}

	.sp {
		display: block;
	}

	#topPhoto {
		padding-bottom: 80px;
	}

	#topPhoto .topPhoto_inner h2 {
		font-size: 20px;
	}

	#topPhoto .topPhoto_inner .insta_spot {
		margin: 45px 0;
		font-size: 24px;
	}

	.notice h2 {
		margin-top: 200px;
		font-size: 30px;
		margin-bottom: 65px;
	}

	.notice p {
		font-size: 14px;
		line-height: 25px;
		margin: 35px 0;
	}

	.floor_block,
	.floor_detail {
		padding: 100px 0;
	}

	.floor_detail .wrap .floor_detail_block h2 {
		font-size: 30px;
	}

	.floor_detail .wrap {
		width: 100%;
		padding: 0 10px;
	}

	.floor_detail .wrap .btn {
		margin-top: 0;
	}

	.floor_detail .photo ul li {
		width: 205px;
	}

	.floor_detail a.upstairs {
		left: auto;
		margin-left: auto;
		margin-right: auto;
		width: 100px;
		display: block;
	}

	.floor_block_inner .floor_text ul li {
		right: 25%;
	}

	.floor_detail .wrap p {
		font-size: 15px;
	}

	.wrap {
		width: 100% !important;
	}

	.treat .treat_text .menu_top p {
		margin-left: 0;
	}

	.grand_menu .menu_image .menu_images {
		display: block;
		margin-bottom: 20px;
	}

	.grand_menu .menu_image .menu_images div {
		width: 100%;
		margin-bottom: 20px;
		height: auto;
	}

	.grand_menu .menu_image .menu_images div:last-child {
		margin-left: 0;
		margin-bottom: 0;
	}

	.dine .child_title {
		margin-bottom: 0;
	}

	.treat .treat_text h2 {
		font-size: 22px;
		margin-bottom: 20px;
		line-height: 1.2;
		text-align: left;
	}

	.treat .treat_text .menu_top p {
		font-size: 14px !important;
		margin-top: 20px;
		margin-bottom: 100px;
	}

	.treat .treat_text .menu_top p br {
		display: none;
	}

	.grand_menu h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.vip_detail .vip_price ul li span {
		display: block;
		margin: 10px 15px;
	}

	.vip_detail .vip_price ul li:last-child {
		margin-top: 30px;
	}

	.floor_detail .wrap .floor_detail_block h2 {
		font-size: 26px;
	}

	.vip_detail .data-expands .btn {
		margin-bottom: 0;
	}

	.vip_detail .vip_price ul li span:first-child {
		width: 100%;
		font-weight: bold;
	}

	.new .event .event_wrap {
		padding: 0 10px;
		width: 100%;
	}

	.event_block {
		margin: 60px auto 135px;
	}

	.event_block .event_txt h2 {
		font-size: 22px;
	}

	.event_block .event_txt p {
		font-size: 15px;
	}

	.event_block .event_photo img {
		width: 100%;
	}

	.recruit_block .hourly_wage ul {
		width: 100%;
	}

	.recruit_block .hourly_wage ul li span {
		margin: 5px 0;
	}

	.recruit_block .hourly_wage ul li span:first-child {
		width: 100%;
	}

	.recruit_block .hourly_wage ul li:last-child span:first-child {
		text-align: left;
	}

	table.detail_table td {
		font-size: 14px;
		padding: 3px 0;
	}

	table.detail_table td:first-child {
		width: 80px;
	}

	main.contactus .childpage h2 {
		right: 0;
		font-size: 30px;
	}

	.cardicon li {
		width: 40px;
	}

	.form {
		width: 100%;
	}

	.form table tr td {
		display: block;
		text-align: left !important;
		margin: 5px 0;
	}

	.form table tr td input,
	.form table tr td textarea {
		width: 100%;
	}

	footer {
		position: relative;
	}

	footer .footer_inner {
		position: fixed;
		top: 0;
		z-index: -100;
	}

	.site-header-button {
		top: 40px;
	}

	.footer_inner.wrap {
		left: 0;
	}

	.footer_inner {
		display: block;
	}

	.footer_inner .inner_left {
		width: 100%;
	}

	.footer_inner .inner_left .inner_left_block h2 {
		font-size: 25px !important;
	}

	.footer_inner .inner_left .inner_left_block h3 {
		font-size: 15px;
	}

	.footer_inner .inner_left .inner_left_block {
		margin-bottom: 30px;
	}

	.inner_left_block h5 {
		font-size: 22px;
		margin-bottom: 10px;
	}

	.inner_left_block h5 span {
		text-transform: uppercase;
	}

	.inner_left_block p {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.footer_inner,
	.footer_copy {
		max-width: 100%;
	}

	.footer_inner .inner_left .inner_left_block a.tel {
		font-weight: bold;
		font-size: 20px;
	}

	.footer_inner .inner_right {
		width: 100%;
		bottom: 0;
		right: 0;
	}

	.footer_inner .inner_right .copy {
		text-align: right;
		padding-top: 10px;
	}

	.footer_inner .inner_right .copy p {
		font-size: 10px;
		color: #777;
	}

	.footer_inner {
		padding-top: 185px !important;
	}

	.reservation_block .reservation_menu {
		width: 130px;
		height: 130px;
	}

	.reservation_block .reservation_menu:before {
		width: 130px;
		height: 130px;
		top: -14%;
		left: 46%;
	}

	.reservation_block a.globalHeader__menu,
	.reservation_block a.reservation_block,
	.reservation_block a.reservation_block,
	.reservation_block a.reservation_block {
		top: 12em !important;
	}

	section {
		padding: 100px 0;
	}

	.slide {
		padding-top: 115px;
	}

	#events section {
		padding-top: 100px;
	}

	.wrap {
		width: 100%;
		padding: 0 15px;
	}

	.childpage h2 {
		font-size: 40px !important;
	}

	.btn {
		height: 60px;
		width: 100%;
	}

	.vip_conrtact .box {
		width: 100%;
	}

	.section_alife {
		width: 100%;
	}

	/*#top_movie .video_container {
    top: 0 !important;
  }*/
}

@media screen and (max-width: 960px) {
	.movie_youtube ul li {
		width: 100%;
	}

	.movie_youtube ul li iframe {
		width: 100%;
	}

	.gallery_event_title h1 {
		padding: 0;
	}

	.memberAreaWrapWrap {
		padding-top: 50px;
	}

	#events .sp_events .events-text {
		margin-bottom: 50px;
	}

	#events .viewBox {
		float: none;
		width: 60%;
		margin: 0 auto;
		background-position: 100%;
	}

	#events .vip_event_link {
		position: static;
		margin-top: 30px;
	}

	#events .vip_event_link ul li .section_alife {
		margin: 0 auto;
	}

	.insta_logo {
		left: 0;
	}

	#topPhoto .topPhoto_inner h2 {
		width: 100%;
		left: 0;
		text-align: center;
	}

	#topPhoto .topPhoto_inner .insta_spot {
		left: 0;
	}

	.tablet {
		display: block;
	}

	#topPhoto .topPhoto_inner .insta_feed {
		width: 100%;
	}

	.floor_detail .wrap {
		width: 540px;
	}

	.floor_block_inner .floor_text ul li {
		font-size: 22px;
	}

	.floor_block_inner .floor_text ul li:first-child {
		margin-top: 14%;
	}

	.floor_block_inner .floor_text ul li:nth-child(2) {
		margin-top: 40%;
	}

	.floor_block_inner .floor_text ul li:last-child {
		margin-top: 34%;
	}

	.floor_detail .photo ul {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.floor_detail .photo ul li {
		width: 250px;
		margin: 10px;
	}

	.floor_detail .floor_map {
		display: block;
	}

	.floor_detail .floor_map img {
		width: 100%;
	}

	.floor_block_inner .floor_photo {
		width: 65%;
	}

	.floor_block_inner .floor_text {
		width: 45%;
	}

	.floor_block_inner .floor_photo ul li {
		margin-bottom: 110px;
	}

	.floor_block_inner .floor_text ul li {
		position: absolute;
		right: 85px;
	}

	.floor_block_inner .floor_text ul li:first-child {
		width: 50%;
		margin: 0;
		top: 115px;
	}

	.floor_block_inner .floor_text ul li:nth-child(2) {
		margin: 0;
		width: 60%;
		top: 340px;
	}

	.floor_block_inner .floor_text ul li:last-child {
		margin: 0;
		width: 51%;
		bottom: 10px;
	}

	.floor_detail .floor_map .photo_carousel {
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}

	.treat .treat_text .menu_top {
		display: block;
	}

	.treat .treat_text .menu_top img {
		width: 100%;
	}

	.treat .treat_text .menu_top p {
		font-size: 20px;
	}

	.grand_menu {
		margin-top: 0;
	}

	.vip_detail .photo img {
		width: 95%;
	}

	.vip_detail .vip_price {
		width: 100%;
	}

	.vip_detail .vip_price ul li span {
		margin-right: 0;
		font-size: 15px;
	}

	.vip_detail .vip_price ul li span:nth-child(2) {
		display: none;
	}

	.new .event .event_wrap {
		width: 600px;
	}

	.event_block .event_block_inner {
		display: block;
	}

	.event_block .event_photo {
		width: 100%;
		height: 100%;
	}

	.event_block .event_photo img {
		width: 100%;
	}

	.event_block .event_txt {
		margin: 0;
		margin-top: 30px;
	}

	main.recruit .wrap {
		width: 600px;
	}

	table.detail_table {
		width: 80%;
	}

	.box.recruit_detail hr {
		width: 80%;
	}

	main.contactus .childpage h2 {
		right: 5%;
		font-size: 60px;
	}

	.vip_conrtact h2 {
		font-size: 30px;
	}

	.vip_conrtact .box {
		padding: 15px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

.vip_conrtact .box span {
	font-size: 14px;
}

.vip_conrtact .box span {
	font-size: 23px;
}

.vip_conrtact p {
	font-size: 14px;
	text-align: left;
}

.contact_form h2 span {
	font-size: 18px;
}

.reservation_block .reservation_arrow {
	display: none;
}

.footer_inner .inner_left .inner_left_block h2 {
	font-size: 30px;
}

.footer_inner {
	display: block;
}

.footer_inner .inner_left {
	width: 100%;
}

.footer_inner .inner_left .inner_left_block h3 {
	font-size: 18px;
}

.footer_inner .inner_left .inner_left_block h5 {
	margin-bottom: 10px;
	font-size: 22px;
}

.footer_inner .inner_left .inner_left_block h5 span {
	text-transform: uppercase;
}

.footer_inner .inner_left .inner_left_block p {
	font-size: 14px;
}

.footer_inner .inner_right .copy img {
	display: none;
}

.footer_inner .inner_right {
	width: 100%;
}

.footer_inner .inner_right .inner_right_block {
	right: 0;
	bottom: -75px;
}

.reservation_block a.globalHeader__menu,
.reservation_block a.reservation_block,
.reservation_block a.reservation_block {
	top: 9em;
}

.footer_inner .inner_right .inner_right_block ul.footer_social {
	left: 0;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.footer_inner .inner_right .inner_right_block ul.footer_social li {
	width: 35px;
}

.footer_inner .inner_right .inner_right_block ul.footer_social li:first-child {
	margin-right: 10px;
}

.childpage h2 {
	font-size: 80px;
}

/*  .wrap {
    width: 600px;
  }*/
}

@media print,
screen and (min-width: 641px) {
	html.safari {
		-webkit-font-feature-settings: "pkna";
		font-feature-settings: "pkna";
	}

	html {
		-webkit-font-feature-settings: "palt";
		font-feature-settings: "palt";
		line-height: 1.5;
	}

	[data-sc-sp] {
		display: none !important;
	}

	.pageloaded .headerArea .menu {
		-webkit-transition: 0.6s linear 1s;
		transition: 0.6s linear 1s;
	}

	.headerArea .menu .open .bar {
		-webkit-transform-origin: left top;
		transform-origin: left top;
	}

	.ie .headerMenubar {
		overflow: hidden;
	}

	.headerMenubar {
		position: relative;
		pointer-events: none;
	}

	.ie10 .headerMenubar,
	.ie11 .headerMenubar,
	.ie9 .headerMenubar {
		position: absolute;
		top: 0;
		right: 80px;
	}

	.ie .headerMenubar .list {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	.ie.menuopen .headerMenubar .list {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	.headerMenubar .list {
		padding-right: 10px;
		padding-left: 30px;
		height: 80px;
		-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
		clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	}

	.pageloaded .headerMenubar .list {
		-webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
		transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
	}

	.menuopen .headerMenubar .list {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		-webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
		transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
	}

	.headerMenubar .item.disabled {
		opacity: 0.2;
		pointer-events: none;
	}

	.headerMenubar .item a .word {
		color: #fff;
	}

	.headerMenubar .item a .word:after {
		-webkit-animation: cmnBtn03out 0.7s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
		animation: cmnBtn03out 0.7s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
		background-color: #fff;
	}

	.menuopen .headerMenubar {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		-webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
		transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	}

	.ie .menuopen .headerMenubar {
		opacity: 1;
	}

	.pankuzu .pankuzuone a:after {
		-webkit-animation: cmnBtn03out 0.7s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
		animation: cmnBtn03out 0.7s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
	}

	.footerArea .list .item.last a {
		border-right: 1px solid #333;
	}

	.footerArea .list .item .word:after {
		-webkit-animation: cmnBtn03out 0.7s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
		animation: cmnBtn03out 0.7s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
	}

	.footerArea .copyright .sublinks a:after {
		-webkit-animation: cmnBtn03out 0.7s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
		animation: cmnBtn03out 0.7s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
	}

	.cmnBtn01 {
		width: 820px;
	}

	.cmnBtn01.type01 {
		max-width: 960px;
		width: 100%;
		padding: 59px 0;
	}

	.cmnBtn02 .bg {
		-webkit-animation: cmnBtn04out 1s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
		animation: cmnBtn04out 1s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
	}

	.cmnBtn03 a:before {
		-webkit-animation: cmnBtn04out 1s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
		animation: cmnBtn04out 1s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
	}

	.cmnBtn03.type02 a:before {
		-webkit-animation: cmnBtn04out_r 1s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
		animation: cmnBtn04out_r 1s cubic-bezier(0.205, 0.01, 0.075, 0.995) forwards;
	}

	[data-pararax01-photo01]:before {
		mix-blend-mode: saturation;
	}

	.safari [data-pararax01-photo01]:before {
		mix-blend-mode: none;
		display: none;
	}

	.cmnBlock01 {
		text-align: center;
		padding-bottom: 100px;
		width: 28%;
	}

	.memberAreaWrap .moreBtn a {
		width: 960px;
		height: 161px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.memberArea {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		width: 1280px;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.memberArea .item {
		position: relative;
		margin: 12.5% 0 0 12.5%;
		width: 25%;
		height: 320px;
	}

	.pageloaded .memberArea .item {
		-webkit-transition: -webkit-transform 0.5s;
		transition: -webkit-transform 0.5s;
		transition: transform 0.5s;
		transition: transform 0.5s, -webkit-transform 0.5s;
	}

	.memberArea .item:nth-child(-n + 3) {
		margin-top: 0;
	}

	.memberArea .item:nth-child(3n + 1) {
		margin-left: 0;
	}

	.memberArea .item:after {
		opacity: 0;
	}

	.memberArea .item.active:before {
		opacity: 0;
		z-index: 0;
	}

	.pageloaded .memberArea .item.active:before {
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}

	.memberArea .detail {
		padding: 30px 30px 0;
		position: absolute;
		top: 0;
		left: 0;
	}

	.memberArea .detail .txt {
		opacity: 0;
	}

	.memberArea .detail .txt[data-pararax01-active] {
		opacity: 1;
		-webkit-transition: opacity 0.1s ease 1s;
		transition: opacity 0.1s ease 1s;
	}

	.memberArea .detail[data-pararax01-active] {
		background-color: #fff;
	}

	.memberArea .head {
		text-align: center;
		padding-top: 20px;
		top: 100%;
		position: relative;
	}

	.pageloaded .memberArea .head {
		-webkit-transition: top 0.5s;
		transition: top 0.5s;
		-webkit-transition-delay: 0.5s;
		transition-delay: 0.5s;
	}

	.memberArea .txt {
		color: #000;
	}

	.memberArea .item.active .detail {
		width: calc(100% - 0px);
	}

	.memberArea .item.active .detail .txt {
		opacity: 1;
	}

	.memberArea .item.active .head {
		top: 0;
	}

	.pageloaded .memberArea .item.active .head {
		-webkit-transition-delay: 0s !important;
		transition-delay: 0s !important;
	}

	.memberArea .item.active .name {
		color: #000;
	}

	.memberArea .item.active .close {
		opacity: 1;
	}

	.memberArea .item.lMove {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.pageloaded .memberArea .item.lMove {
		-webkit-transition-delay: 0.5s !important;
		transition-delay: 0.5s !important;
	}

	.memberArea .item.rMove {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
	}

	.pageloaded .memberArea .item.rMove {
		-webkit-transition-delay: 0.5s !important;
		transition-delay: 0.5s !important;
	}

	.memberArea .item.active:nth-child(3n + 1) .detail {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	.pageloaded .memberArea .item.active:nth-child(3n + 1) .detail {
		-webkit-transition-delay: 0.5s !important;
		transition-delay: 0.5s !important;
	}

	.memberArea .item.active:nth-child(3n + 2) .img {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.pageloaded .memberArea .item.active:nth-child(3n + 2) .img {
		-webkit-transition-delay: 0.5s !important;
		transition-delay: 0.5s !important;
	}

	.memberArea .item.active:nth-child(3n + 2) .detail {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
	}

	.pageloaded .memberArea .item.active:nth-child(3n + 2) .detail {
		-webkit-transition-delay: 0.5s !important;
		transition-delay: 0.5s !important;
	}

	.memberArea .item.active:nth-child(3n + 3) .img {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	.pageloaded .memberArea .item.active:nth-child(3n + 3) .img {
		-webkit-transition-delay: 0.5s !important;
		transition-delay: 0.5s !important;
	}

	.memberArea .item.active:after {
		-webkit-transform: scaleX(2);
		transform: scaleX(2);
	}

	.memberArea .item:nth-child(3n + 1):after {
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
	}

	.memberArea .item:nth-child(3n + 3):after {
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
	}
}

@media screen and (max-width: 640px) {
	[data-sc-pc] {
		display: none !important;
	}

	.pagestate_other .mainArea {
		min-height: 0;
	}

	.pagetopbtn {
		bottom: 22px;
		font-size: 1rem;
		letter-spacing: 0.4px;
		line-height: 1.1rem;
		right: 18px;
		text-align: center;
	}

	.pagetopbtn .triangle {
		margin-bottom: 7px;
	}

	.pagetopbtn .triangle .empty {
		border-bottom: solid 18px #fff;
		border-right: solid 10px transparent;
		border-left: solid 10px transparent;
	}

	.pagetopbtn .triangle .empty:before {
		border-bottom: solid 18px #fff;
		border-right: solid 10px transparent;
		border-left: solid 10px transparent;
	}

	.pagetopbtn .triangle .empty:after {
		border-bottom: solid 15px #000;
		border-right: solid 9px transparent;
		border-left: solid 9px transparent;
		top: 2px;
	}

	.headerArea {
		-webkit-transition: opacity 1s;
		transition: opacity 1s;
	}

	.headerArea .row01 .in {
		padding: 0;
		height: 50px;
		-webkit-transition: background-color 0.5s;
		transition: background-color 0.5s;
	}

	.menuopen .headerArea .row01 .in {
		-webkit-transition: background-color 0.4s;
		transition: background-color 0.4s;
	}

	.menuopen .ui_white .headerArea .row01 .in {
		background-color: #191919;
	}

	.menuopen .ui_black .headerArea .row01 .in {
		background-color: #fff;
	}

	.headerArea .row01 .logo {
		max-width: 163px;
		padding: 0;
		margin: 0 auto;
		-webkit-transition: 1s;
		transition: 1s;
		opacity: 0;
	}

	.menuopen .headerArea .row01 .logo {
		opacity: 1;
	}

	.ui_black .headerArea .menu {
		color: #fff;
	}

	.headerArea .menu {
		width: 50px;
		height: 50px;
	}

	.headerArea .menu .open .bar {
		width: 17px;
		height: 1px;
		-webkit-transform: translateY(-7px);
		transform: translateY(-7px);
	}

	.headerArea .menu .open .bar:nth-child(1) {
		top: -11px;
	}

	.headerArea .menu .open .bar:nth-child(3) {
		bottom: -11px;
	}

	.headerArea .menu .close .bar {
		height: 1px;
		top: -12px;
	}

	.menuopen .headerArea .menu .close .bar {
		width: 17px;
	}

	.headerMenubar {
		position: fixed;
		top: 50px;
		left: 0;
		width: 100%;
		height: 120vh;
		opacity: 0;
		z-index: 1000;
		pointer-events: none;
		-webkit-transition: opacity 0.4s;
		transition: opacity 0.4s;
	}

	.headerMenubar .list {
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		height: auto;
		background-color: #fff;
		border-top: 1px solid #333;
	}

	.ui_black .headerMenubar .list {
		border-top: 1px solid #ccc;
	}

	.headerMenubar .item.disabled {
		pointer-events: none;
	}

	.headerMenubar .item.disabled .word {
		opacity: 0.2;
		pointer-events: none;
	}

	.headerMenubar .item.disabled .icon {
		opacity: 0;
	}

	.headerMenubar .item {
		text-align: center;
		width: 25%;
	}

	.headerMenubar .item+.item {
		margin-left: 0;
	}

	.headerMenubar .item a {
		font-size: 1.5rem;
		letter-spacing: 0.9px;
		padding: 41.5% 0 0;
		border: 1px solid #ccc;
		border-top: none;
		border-right: none;
		position: relative;
		z-index: 3333;
		height: 24vw;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.headerMenubar .item a .icon {
		font-size: 4.5rem;
		line-height: 1;
		left: 50%;
		opacity: 0.2;
		position: absolute;
		top: 48%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		z-index: -1;
	}

	.ui_white .headerMenubar {
		color: #fff;
	}

	.ui_white .headerMenubar .item a {
		border: 1px solid #333;
		border-top: none;
		border-right: none;
	}

	.ui_white .headerMenubar .list {
		background-color: #161616;
	}

	.footerArea {
		padding: 80px 0 38px;
	}

	.footerArea video {
		opacity: 0.4;
	}

	.footerArea .inner {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 5.56%;
		width: 100%;
	}

	.footerArea .list {
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
	}

	.footerArea .list .item {
		width: 25%;
	}

	.footerArea .list .item:nth-child(4) a {
		border-right: 1px solid #333;
	}

	.footerArea .list .item a {
		font-size: 1.3rem;
		padding: 41.1% 0 0;
		height: 22vw;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.footerArea .list .item:last-child a {
		border-right: 1px solid #333;
	}

	.footerArea .list .item .icon {
		font-size: 4rem;
	}

	.footerArea .copyright {
		margin-top: 12px;
	}

	.footerArea .copyright .sublinks {
		position: relative;
		top: 0;
		text-align: center;
	}

	.footerArea .copyright .sublinks a {
		font-size: 1.1rem;
		color: #b5b5b5;
	}

	.footerArea .copyright .sublinks li {
		display: inline-block;
		margin: 0 6px;
	}

	.footerArea .copyright .logo {
		width: 150px;
		margin-top: 30px;
	}

	.footerArea .copyright .txt {
		font-size: 0.8rem;
		margin-top: 7px;
		letter-spacing: 0.32px;
	}

	.threejsArea .videoblock .videoBlack {
		opacity: 0;
	}

	.threejsArea .screen {
		opacity: 0.3;
	}

	.cmnBtn01 {
		margin: 0 20px;
		padding: 40px 0;
		font-size: 1.9rem;
	}

	[data-pararax01-photo01]:before {
		opacity: 0;
	}

	[data-pararax01-photo04] {
		-webkit-clip-path: none !important;
		clip-path: none !important;
	}

	[data-pararax01-photo05]:after {
		display: none !important;
	}

	.cmnBlock01.dammy {
		display: none;
	}

	.cmnBlock01 .work_name {
		font-size: 1.3rem;
		margin-top: 19px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.cmnBlock01 .type {
		font-size: 1.1rem;
		margin-top: 13px;
	}

	.pjaLoading {
		display: table;
		overflow: visible;
	}

	.pjaLoading .beta {
		height: 130%;
	}

	.pjaLoading .logo {
		width: 80vw;
		height: auto;
	}

	.pjaLoading .copywrap {
		display: inline-block;
		position: relative;
	}

	.pjaLoading .copy {
		position: relative;
		left: auto;
		width: 100%;
		-webkit-transform: none;
		transform: none;
		top: auto;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}

	.pjaLoading .copy .in {
		font-size: 2rem;
		letter-spacing: 0.2rem;
	}

	.memberAreaWrapWrap {
		padding-top: 0;
	}

	.memberAreaWrap {
		background: #161616;
		margin: 0;
		padding: 0;
	}

	.memberAreaWrap .page_ttl {
		font-size: 2.8rem;
		letter-spacing: 2.24px;
		text-align: center;
		text-transform: uppercase;
		position: relative;
		top: 0;
		left: 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		padding: 45px 0;
		z-index: 99;
	}

	.memberAreaWrap .moreBtn {
		padding: 0 20px;
	}

	.memberAreaWrap .moreBtn a {
		padding: 40px 0;
		font-size: 1.9rem;
	}

	.memberAreaWrap .moreBtn a .char {
		font-size: 1.9rem;
		padding-top: 0;
	}

	.memberArea {
		margin-bottom: 0;
		padding: 0;
		width: 100%;
		position: relative;
		background-color: #000;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.memberArea.view {
		opacity: 1;
	}

	.memberArea .item {
		border-bottom: 1px solid #333;
		width: 100%;
		height: 140px;
		overflow: hidden;
		position: relative;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.pageloaded .memberArea .item {
		-webkit-transition: height 0.5s, background 0.5s, top 0.5s, padding 0.5s,
			-webkit-transform 0.5s;
		transition: height 0.5s, background 0.5s, top 0.5s, padding 0.5s,
			-webkit-transform 0.5s;
		transition: transform 0.5s, height 0.5s, background 0.5s, top 0.5s,
			padding 0.5s;
		transition: transform 0.5s, height 0.5s, background 0.5s, top 0.5s,
			padding 0.5s, -webkit-transform 0.5s;
	}

	.memberArea .img {
		background-position: center top;
		width: 140px !important;
		height: 140px;
	}

	.pageloaded .memberArea .img {
		-webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s;
		transition: width 0.5s, height 0.5s, -webkit-transform 0.5s;
		transition: transform 0.5s, width 0.5s, height 0.5s;
		transition: transform 0.5s, width 0.5s, height 0.5s, -webkit-transform 0.5s;
	}

	.memberArea .c {
		width: 100%;
		height: 100%;
		opacity: 0;
		position: absolute;
		left: 0;
		top: 0;
	}

	.pageloaded .memberArea .c {
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}

	.memberArea .c.active {
		opacity: 1;
	}

	.memberArea .c.disableTrs {
		pointer-events: none;
	}

	.memberArea .navBtn {
		clear: both;
	}

	.memberArea .head {
		margin-left: 40%;
		padding-left: 15px;
		height: 140px;
	}

	.pageloaded .memberArea .head {
		-webkit-transition: margin 0.5s, height 0.5s;
		transition: margin 0.5s, height 0.5s;
	}

	.memberArea .name {
		margin-bottom: 8px;
		font-size: 1.3rem;
		line-height: 1;
		padding-top: 53px;
	}

	.memberArea .name:before {
		content: "";
		display: inline-block;
		height: 100%;
		vertical-align: bottom;
	}

	.memberArea .name span {
		display: inline-block;
		vertical-align: bottom;
	}

	.memberArea .job {
		font-size: 1.1rem;
	}

	.memberArea .txt {
		padding-top: 20px;
		padding-bottom: 20px;
		clear: both;
		font-size: 1.3rem;
		position: absolute;
		top: 140px;
		left: 20px;
		right: 20px;
		height: 150px;
	}

	.memberArea .item_link {
		top: 270px;
		height: auto;
	}

	.gallery_event_title {
		margin-bottom: 30px;
	}

	.memberArea .close {
		pointer-events: none;
		opacity: 0;
	}

	.pageloaded .memberArea .close {
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}

	.memberArea .close:after,
	.memberArea .close:before {
		background-color: #fff;
	}

	.memberArea .item.active {
		height: 330px !important;
		background-color: #000;
	}

	.memberArea .item.zOn {
		z-index: 100;
	}

	.memberArea .item.active:nth-child(5n + 2),
	.memberArea .item.active:nth-child(5n + 3),
	.memberArea .item.active:nth-child(5n + 4),
	.memberArea .item.active:nth-child(5n + 5) {
		top: 0;
	}

	.memberArea.activeItem .item:after {
		opacity: 0;
	}

	.memberArea .item.active .close {
		opacity: 1;
		pointer-events: auto;
	}

	.memberArea .join {
		margin: 0 20px;
	}

	.memberArea .join a {
		font-size: 2rem;
		padding: 40px 0;
	}
}

@media print {
	body {
		position: relative;
		top: 100px;
	}

	body:before {
		content: "ページを印刷する際は一番下までスクロールして下さい。";
		display: none;
		white-space: pre;
		font-size: 20px;
		padding: 10px 10px;
		border: 3px solid #000;
		background-color: #fff;
		color: #000;
		position: absolute;
		top: -100px;
		left: 0;
		right: 0;
		text-align: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.chrome body:before {
		content: "ページを印刷する際は一番下までスクロールして下さい。\A画像を表示させる場合は、「基本設定」→「背景のグラフィック」を有効にして下さい。";
	}

	.ie body:before {
		content: "ページを印刷する際は一番下までスクロールして下さい。\A画像を表示させる場合は、「印刷プレビュー」→「ページ設定」→「背景の色とイメージを印刷する」を有効にして下さい。";
	}

	.safari body:before {
		content: "ページを印刷する際は一番下までスクロールして下さい。\A画像を表示させる場合は、「詳細を表示」→「背景をプリント」を有効にして下さい。";
	}

	.edge body:before {
		content: "※Microsoft Edgeは背景や画像を印刷できません。";
	}

	.addPrintMessage body:before {
		display: block;
	}

	* {
		background-attachment: scroll !important;
	}
}

@media (min-width: 641px) and (max-width: 1100px) {
	.headerMenubar .item a {
		font-size: 1.6rem;
	}
}

@media (min-width: 641px) and (max-width: 1366px) {
	.footerArea .inner {
		width: 75%;
	}

	.cmnBtn01 {
		padding: 38px 0;
		font-size: 2.1rem;
		width: 615px;
	}

	.cmnBtn01.type01 {
		max-width: 720px;
		padding: 45px 0 44px;
	}

	.memberAreaWrap {
		padding: 120px 0;
		background-size: 120px 120px;
		background-position: calc(50% - 60px) top;
	}

	.memberAreaWrap .moreBtn a {
		width: 641px;
		height: 121px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.memberAreaWrap .moreBtn a .char {
		font-size: 2.1rem;
		padding-top: 36px;
	}

	.memberArea {
		width: 960px;
		margin-bottom: 120px;
	}

	.memberArea .item {
		height: 240px;
	}

	.memberArea .head {
		padding-top: 15px;
	}

	.memberArea .name {
		margin-bottom: 11px;
		font-size: 1.35rem;
	}

	.memberArea .job {
		font-size: 1.1rem;
	}

	.memberArea .txt {
		padding-top: 15px;
		font-size: 1.1rem;
	}

	.memberArea .close {
		height: 30px;
		width: 30px;
	}

	.memberArea .close:after,
	.memberArea .close:before {
		width: 11px;
	}

	.memberArea .join {
		max-width: 720px;
	}

	.memberArea .join a {
		font-size: 2rem;
		padding: 50px 0 49px;
	}
}

@media (min-width: 641px) and (max-width: 1500px) {
	.footerArea .list .item a {
		font-size: 1.8rem;
	}
}

@media (min-width: 1000px) and (max-width: 1366px) {
	.footerArea .list .item .icon {
		font-size: 4.4rem;
	}

	.footerArea .copyright {
		margin-top: 53px;
	}

	.footerArea .copyright .logo {
		width: 170px;
	}

	.footerArea .copyright .txt {
		font-size: 1rem;
		margin-top: 11px;
		letter-spacing: 0.3px;
	}
}

@media (min-width: 1441px) and (max-width: 1600px) {
	.cmnBtn01 {
		padding: 45px 0;
		font-size: 2.5rem;
		width: 738px;
	}
}

@media (min-width: 1367px) and (max-width: 1440px) {
	.cmnBtn01 {
		padding: 40px 0;
		font-size: 2.2rem;
		width: 656px;
	}
}

@media screen and (max-width: 720px) {
	[data-pararax01] [data-pararax01-inview] {
		top: 100px;
		bottom: 100px;
	}

	.cmnBlock01 {
		width: 100%;
		padding-bottom: 50px;
		text-align: center;
	}

	.cmnBlock01 .img_box {
		width: 80%;
		padding-top: 50%;
		margin: auto;
	}
}

@media (min-width: 1281px) and (max-width: 1600px) {
	.cmnBlock01 {
		width: 30%;
	}
}

@media (min-width: 641px) and (max-width: 1280px) {
	.cmnBlock01 {
		width: 30%;
	}
}

@media (max-width: 1024px) {
	.slick-slider img {
		height: auto !important;
	}

	.slide {
		padding-top: 115px;
	}
}

@media print,
screen and (min-width: 641px) and (max-width: 1366px) {
	.memberArea .detail {
		padding: 22px 22px 0;
	}
}

@media (max-width: 350px) {
	.memberArea .head {
		padding-left: 30px;
	}
}

@media screen and (max-width: 760px) {
	section.gallery_photo_group div.gallery-wrap {
		width: calc(100% - 30px);
		margin: 0 auto;
	}

	section.gallery_photo_group div.gallery-wrap div.gimg01 {
		width: 100%;
		overflow: hidden;
		padding-top: calc(740 / 1100 * 100%);
	}

	section.gallery_photo_group div.gallery-wrap div.gimg02 {
		width: 100%;
		margin-top: 15px;
		float: none;
		margin-left: 0;
		height: 0;
		padding-top: calc(1030 / 690 * 100%);
		overflow: hidden;
		float: none;
	}

	section.gallery_photo_group div.gallery-wrap div.gimg03 {
		width: 100%;
		margin-top: 15px;
		float: none;
		margin-right: 0;
		height: 0;
		padding-top: calc(530 / 800 * 100%);
		overflow: hidden;
		float: none;
	}

	section.gallery_photo_group div.gallery-wrap div.gimg04 {
		width: 100%;
		margin: 15px auto 0;
		height: 0;
		padding-top: calc(460 / 690 * 100%);
		overflow: hidden;
		float: none;
	}

	section.gallery_photo_group div.gallery-wrap div.gimg05 {
		width: 100%;
		margin-left: 0;
		margin-top: 15px;
		float: none;
		height: 0;
		padding-top: calc(460 / 690 * 100%);
		overflow: hidden;
		float: none;
		margin-bottom: 10px;
	}

	section.gallery_photo_group div.gallery-wrap div.gimg06 {
		width: 100%;
		margin-right: 0;
		margin-top: 15px;
		float: none;
		height: 0;
		padding-top: calc(460 / 690 * 100%);
	}

	section.gallery_photo_group div.gallery-wrap div.gimg07 {
		width: 100%;
		margin: 15px auto 0;
		padding-top: calc(460 / 690 * 100%);
		float: none;
		overflow: hidden;
		height: 0;
	}

	section.gallery_photo_group div.gallery-wrap div.gimg08 {
		width: 100%;
		margin: 15px auto 0;
		padding-top: calc(460 / 690 * 100%);
		float: none;
		overflow: hidden;
		height: 0;
	}

	section.gallery_photo_group div.gallery-wrap div.gimg09 {
		width: 100%;
		margin-top: 15px;
		float: none;
		margin-right: 0;
		height: 0;
		padding-top: calc(930 / 690 * 100%);
	}

	section.gallery_photo_group div.gallery-wrap div.gimg10 {
		width: 100%;
		margin-top: 15px;
		margin-right: 0;
		padding-top: calc(460 / 690 * 100%);
		float: none;
		margin-left: 0;
	}

	section.gallery_photo_group div.gallery-wrap div.gimg11 {
		width: 100%;
		float: none;
		margin-top: 15px;
		padding-top: calc(460 / 690 * 100%);
	}

	section.gallery_photo_group div.gallery-wrap div.layout6 {
		width: 100%;
		display: inline-block;
		margin: 15px auto 0;
		left: 0;
	}

	section.gallery_photo_group div.gallery-wrap div.gimg12,
	section.gallery_photo_group div.gallery-wrap div.gimg13,
	section.gallery_photo_group div.gallery-wrap div.gimg14,
	section.gallery_photo_group div.gallery-wrap div.gimg15,
	section.gallery_photo_group div.gallery-wrap div.gimg16,
	section.gallery_photo_group div.gallery-wrap div.gimg17 {
		margin-bottom: 15px;
		width: 100%;
		padding-top: calc(460 / 690 * 100%);
	}

	section.gallery_photo_group div.gallery-wrap div.gimg12,
	section.gallery_photo_group div.gallery-wrap div.gimg13,
	section.gallery_photo_group div.gallery-wrap div.gimg15,
	section.gallery_photo_group div.gallery-wrap div.gimg16 {
		margin-right: 0;
		width: 100%;
		padding-top: calc(460 / 690 * 100%);
	}

	section.gallery_photo_group div.gallery-wrap div.layout6 .slide:nth-of-type(1) {
		margin-left: 0;
		width: 100%;
	}

	section.gallery_photo_group div.gallery-wrap .float-right {
		width: 100%;
		float: none;
	}

	section.gallery_photo_group div.gallery-wrap div .inner {
		top: 0;
		width: 100%;
		height: auto;
		margin: 0;
	}

	.gallery_block h1 {
		font-size: 30px;
		margin-bottom: 50px;
	}

	.movie_youtube ul li {
		margin-bottom: 5em;
	}

	.movie_youtube ul li p {
		font-size: 14px;
	}

	.gallery-photo {
		padding-bottom: 50px;
	}

	.gallery-photo .gallery_photo_block h1 {
		font-size: 30px;
		margin-bottom: 20px;
	}

	.gallery-photo .gallery_photo_block time {
		font-size: 14px;
	}

	.gallery-photo .gallery_photo_block p {
		margin: 50px 0;
		font-size: 14px;
	}

	.gallery-photo .gallery_photo_block p br {
		display: none;
	}

	.gallery-photo .gallery_photo_block {
		margin-bottom: 0;
	}

	.gallery_photo_group {
		padding: 50px 0;
	}

	#events .sp_events .events-text h2 {
		font-size: 30px;
		margin-bottom: 20px;
	}

	#events .sp_events .events-text p {
		font-size: 14px;
		line-height: 1.5;
	}

	#events .sp_events .events-text {
		margin-bottom: 30px;
	}

	#events .viewBox {
		width: 100%;
		height: 500px;
		margin-bottom: 50px;
	}

	#events .sp_events .photo-top-text {
		font-size: 14px;
		margin-bottom: 0;
	}

	#events .vip_event_link {
		margin-top: 0;
		top: 45px !important;
	}

	#events .vip_event_link ul li {
		width: 100%;
	}

	.barba-wrapper-inner {
		padding-bottom: 0;
	}

	section#follow {
		padding: 150px 0;
	}

	section#follow .follow_inner h2 {
		font-size: 30px;
	}

	section#follow .follow_inner .top_text {
		margin-bottom: 120px;
	}

	section#follow .follow_inner .bottom_text {
		margin-top: 120px;
	}

	section#follow .follow_inner p {
		font-size: 14px;
	}

	ul.social_icon li {
		width: 180px;
		height: auto;
	}

	#events .viewBox {
		background-size: cover;
		background-image: url(asset/banner/sp_ALIFE_BANNER_202004_FIN_OUT_wb.jpg);
	}

	.gallery_event_title h1 span img {
		margin: 0;
		width: 55px;
		height: 55px;
	}

	.notice {
		padding: 100px 0;
	}

	.notice h2 {
		margin-top: 0;
	}

	.notice p {
		text-align: left;
	}

	.notice p br {
		display: none;
	}
}

@media screen and (max-width: 1300px) {

	.archive-date,
	.cat-wrap,
	.img-slider .num-wrap .num span,
	.num-wrap,
	.scroll-content,
	.scroll-content .tiny,
	.section-sns li a {
		font-size: 1.12vw;
	}
}

@media screen and (max-width: 992px) {
	.data-group .title {
		display: inline-block;
		padding-bottom: 1em;
	}
}

@media (min-width: 992px) {

	.col-md-1,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9 {
		float: left;
	}

	.col-md-1 {
		width: 8.33333333%;
	}

	.col-md-4 {
		width: 33.33333333%;
	}

	.col-md-7 {
		width: 58.33333333%;
	}
}

@media (min-width: 1200px) {

	.col-lg-1,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9 {
		float: left;
	}

	.col-lg-1 {
		width: 8.333333%;
	}

	.col-lg-3 {
		width: 25%;
	}

	.col-lg-4 {
		width: 33.333333%;
	}

	.col-lg-8 {
		width: 66.66666667%;
	}

	.col-lg-12 {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.data-header .row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.data-header .row .col-md-4 {
		width: 32%;
	}

	.data-expands {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.data-expands .col-md-4 {
		width: 32%;
	}

	.schedule .slick-dotted.slick-slider {
		background: #292929;
	}

	.slide img {
		height: 100%;
	}

	.slick-dotted.slick-slider {
		background: #383838;
	}

	.slick-dots {
		bottom: -25px !important;
	}

	.data-group .title {
		padding-bottom: 0;
	}

	.data-inner h2 {
		font-size: 25px;
	}

	.data-inner p {
		font-size: 14px;
	}

	.detail ul li {
		font-size: 14px;
	}
}

@media screen and (max-width: 600px) {
	.floor_detail .wrap {
		width: 100%;
		padding: 0 10px;
	}

	.floor_block_inner {
		display: block;
	}

	.floor_block_inner .floor_photo {
		width: 100%;
	}

	.floor_block_inner .floor_photo ul li {
		max-width: 100%;
		width: 100%;
	}

	.floor_block_inner .floor_text {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
	}

	.floor_block_inner .floor_text ul {
		height: 100%;
	}

	.floor_block_inner .floor_text ul li {
		right: 0;
	}

	.floor_block_inner .floor .wrap {
		width: 100%;
	}

	.floor_block_inner .floor_text ul li:first-child {
		top: 20%;
	}

	.floor_block_inner .floor_text ul li:nth-child(2) {
		top: 60%;
		width: 80%;
	}

	.floor_block_inner .floor_text ul li:last-child {
		height: 35px;
		top: 100%;
	}

	.floor_detail .wrap .floor_detail_block h2 {
		padding-bottom: 25px;
		margin-bottom: 25px;
	}

	.floor_detail .wrap p br {
		display: none;
	}

	.floor_detail .floor_map .photo_carousel {
		margin-top: 0;
	}

	.gallery_photo_group {
		padding: 20px 0;
	}
}

@media (min-width: 478px) {
	.gg-box img:nth-child(2n):not(:last-of-type) {
		grid-row-end: span 2;
	}

	[data-layout="horizontal"] img:nth-child(2n):not(:last-of-type) {
		grid-column-end: span 2;
		grid-row-end: span 1;
	}

	[data-layout="square"] img:nth-child(2n):not(:last-of-type) {
		grid-row-end: span 1;
		grid-column-end: span 1;
	}
}

@media (max-width: 768px) {
	.gg-box {
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
		grid-auto-rows: calc(var(--row-height) - 15vh);
		margin: 10px 0;
	}
}

@media (max-width: 450px) {
	.gg-box {
		grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
	}
}

@media (max-width: 960px) {
	.rental_nav ul {
		padding: 30px 0;
		display: block;
		text-align: center;
	}

	.rental_nav ul li {
		margin: 0 5px;
		display: inline-block;
	}

	.rental_nav ul li a {
		font-size: 15px;
	}

	.rental_nav ul:after {
		height: 0;
		clear: both;
		content: "";
		visibility: hidden;
		display: block;
	}

	.rental .sec01 {
		padding: 110px 0;
	}

	.rental .rantal_bg h2 {
		font-size: 30px;
	}

	.rental h2 {
		font-size: 18px;
		margin-bottom: 20px;
		line-height: 1.2;
		text-align: left;
	}

	.rental h3 {
		font-size: 18px;
		margin-bottom: 35px;
	}

	.rental p {
		line-height: 1.7;
		text-align: left;
	}

	.rental p br {
		display: none;
	}

	.gray_block h1 {
		margin-bottom: 40px;
		font-size: 20px;
	}

	.rental_nav ul li:nth-child(2) span {
		display: none;
	}

	.rental p {
		margin-bottom: 15px;
		font-size: 14px;
	}

	.rental .tell {
		margin-top: 20px;
	}

	.rental .tell a:hover {
		opacity: 0.7;
	}

	section {
		padding: 100px 0 10px;
	}

	.pagetop {
		width: 40px;
		height: 40px;
		right: 3%;
		bottom: 2%;
	}

	.pagetop span {
		width: 40px;
		height: 40px;
	}

	.rental_btn,
	.block_style_btn,
	.block_style_btn {
		margin: 40px 0 0;
	}

	.block_style .block_contents {
		margin: 0;
	}

	.rental_gallery {
		padding-bottom: 100px;
	}

	.rental_gallery h2 {
		font-size: 20px;
		text-align: center;
		margin-bottom: 40px;
	}

	.rental .slide {
		padding-top: 0;
	}

	.gray_block {
		padding: 110px 0 10px;
	}

	.block_style .block_contents .block {
		margin-bottom: 50px;
	}

	.block_style .block_contents .block img {
		width: 100%;
		height: 100%;
		float: none;
		margin: 0;
	}

	.block_style .block_contents .block .text {
		width: 100%;
		float: none;
		margin-top: 30px;
	}

	.block_style .block_contents .block .text h3 {
		margin-bottom: 20px;
	}

	.block_style .block_contents .block .text .menu_txt span {
		font-size: 12px;
	}

	.system {
		margin-top: 50px;
	}

	.rental_btn ul li,
	.block_style_btn ul li {
		margin: 0 10px;
	}

	.rental_btn ul li a,
	.block_style_btn ul li a {
		padding: 10px 0;
	}

	.rental_btn ul li a span,
	.block_style_btn ul li a span {
		font-size: 16px;
	}

	.block_style_btn ul li:first-child a span:last-child {
		font-size: 16px;
	}

	.slick-slider img {
		height: auto;
	}

	.rental p {
		font-size: 15px;
	}

	.sec02 .block_style p br {
		display: none;
	}

	.sec02 .block_style .block_contents .block h3 span {
		display: block;
	}

	.sec02 .block_style .block_contents .block h3 .slash {
		display: none;
	}

	#option {
		padding-bottom: 110px;
	}

	.rental_option h2 {
		font-size: 22px;
	}

	.rental_option .option_menu_close {
		font-size: 18px;
	}

	.vip_conrtact .section_alife {
		margin-top: 50px;
		margin-bottom: 100px;
	}
}

.anno {
	position: relative;
	top: -50px;
}

@media (max-width: 960px) {
	.anno {
		top: 0;
	}
}

.entry-header {
	display: none;
}

.topPhotoSns {
	margin: 0 auto;
	width: 50%;
}

.topPhotoSns li {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.topPhotoSns li a {
	margin-right: 30px;
	transition: 0.3s ease;
}

.topPhotoSns li a:hover {
	opacity: 0.7;
}

.topPhotoSns li span {
	color: #fff;
	font-size: 16px;
}

.topPhotoSns li img {
	width: 50px;
	height: 50px;
}

@media screen and (max-width: 798px) {
	.topPhotoSns {
		width: 100%;
	}
}

.line_form a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.line_form a img {
	width: 30px;
	height: 30px;
}

.line_form a span {
	display: inline-block;
	margin: 0 15px;
}

.bottom-menu {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}

.bottom-menu a {
	width: 33.33334%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 0;
}

.bottom-menu a img {
	width: 25px;
	height: 25px;
}

.bottom-menu .line {
	background: rgb(24, 186, 3);
}

.bottom-menu .map {
	background: rgb(208, 44, 42);
}

.bottom-menu .tel {
	background: rgb(27, 137, 231);
}

@media screen and (max-width: 798px) {
	.vip_conrtact .image {
		width: 100%
	}

	.bottom-menu {
		display: block;
	}
}

.images-block {
	max-width: 560px;
	margin: 0 auto;
}

.images-block img {
	margin-bottom: 20px;
}

/* Size */
.sp {
	display: none;
}

@media screen and (max-width:450px) {
	.pc {
		display: none;
	}

	.sp {
		display: block;
	}
}