@charset "UTF-8";
/* font
-----------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Oswald:wght@400;500;700&family=Anton&display=swap');
/* Rest
-----------------------------------------------------------------------*/
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, cite,del,em, img,
small, strike,  sub, sup,
b, u, i, center,dl, dt, dd, ol, ul, li,
form, label, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, section,time, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
}
article, main, aside, details, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
background: #fff;
text-rendering: auto;
	-webkit-highlight: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: text;
	-webkit-text-size-adjust: 100%;
	-webkit-overflow-scrolling: touch;
	text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

article{
    z-index: 1;
    position: relative;
}
ol, ul {
list-style: none;
}
sup {
    vertical-align: super;
    font-size: .5em;
}
u {
  text-underline-position: under;
}
strong {
  font-weight: 600;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img,
svg{
	margin: 0;
	padding: 0;
	vertical-align: top;
	width:100%;
  height: auto;
}
img {
  pointer-events:none;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}

svg{
  display: block;
}
input[type="submit"],
input[type="button"],
input[type="reset"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration{
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus,
input[type="reset"]::focus{
  outline-offset: -2px;
}
	
a {
  color: #000000;
  text-decoration: underline;
  text-underline-position: under;
}
a:hover,
a:active {
  text-decoration: none;
}
a,a img {
	transition: opacity 0.2s linear, filter 0.2s linear;
}
a[href^='tel:'],
a[href^='mailto:'] {
  color: inherit;
	text-decoration: none;
}
a[href^='mailto:'] {
  color: inherit;
	text-decoration: underline;
}

/* 
ページ共通CSS
*/

/* Structure
-----------------------------------------------------------------------*/
html {
  font-size: 62.5%;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
html.has-scroll-smooth {
	overflow-x: auto;
}
html.has-scroll-smooth .c-scrollbar {
	z-index: 50;
	position: fixed;
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	color: #000000;
	line-height: 1.785;
}
@media print, screen and (min-width:788px) {
	.mobile {
		display:none !important;
	}
	body {
    min-width: 1110px;
    font-size: 16px;
	}
	#wrapper-content {
		min-width: 1110px;
	}
}
@media screen and (min-width:788px) and (-webkit-min-device-pixel-ratio: 0) {
    _::-webkit-full-page-media, _:future, :root body {
    	-webkit-text-size-adjust: none;
    }
}
@media screen and (max-width:787px) {
	body {
    font-size: 1.3rem;
	}
	.pc {
		display:none !important;
	}
}
@media print {
	#global-header {
		display: none;
	}
}
.-btn {
	display: table;
	margin: 7em auto 0;
}
.-btn a {
	font-size: calc(100% * 29 / 16);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 340px;
	height: 100px;
	border: 1px solid #000;
	background: #fff;
	overflow: hidden;
	isolation: isolate;
}
.-btn a img,
.-btn a svg {
	width: auto;
	height: 1em;
}
.-btn a[target="_blank"]::after {
	content: "";
	font-size: 69%;
	width: 1em;
	height: 1em;
	background: url("../img/icon_blank01.svg") 0 0 no-repeat;
	background-size: contain;
	position: absolute;
	right: 2.75em;
	z-index: 0;
}
.-btn a::before{
	content: "";
	width: 100%;
	height: 0%;
	position: absolute;
	display: block;
	background: #fff 0 0 no-repeat;
	background-size: cover;
	transition: .2s all ease-in;
	pointer-events: none;
	z-index: 2;
	mix-blend-mode: difference;
}
.-btn a:hover::before{
	height: 100%;
}
.-btn.-black a[target="_blank"]::after {
	background-image: url("../img/icon_blank01-black.svg");
}
.-btn.-btn02 a{
	border: none;
	border-radius: 50%;
	width: 222px;
	height: 222px;
	background: url(../img/artist_btn01.png) 0 0 no-repeat;
	background-size: cover;
}
.-btn.-btn02 a[target="_blank"]::after {
	position: initial;
	margin-left: .5em;
	margin-top: -.2em;
	z-index: 3;
}
.-btn.-btn02 img {
	z-index: 3;
}
.-btn.-btn03 {
	margin-top: 2em !important;
}
.-btn.-btn03 a{
	font-size: 18px;
	border: none;
	width: 200px;
	height: 45px;
}
.-btn.-btn03 span {
	background: #000;
	border-top-left-radius: 1em;
	width: 100%;
	height: inherit;
	display: flex;
	justify-content: center;
	align-items: center;
}
.-btn.-btn03 a img {
	mix-blend-mode: difference;
}
.-btn.-btn03 a span::before{
	content: "";
	width: 100%;
	height: 0%;
	position: absolute;
	display: block;
	background: #000 0 0 no-repeat;
	background-size: cover;
	transition: .2s all ease-in;
	pointer-events: none;
	z-index: 0;
}
.-btn.-btn03 a:hover span::before{
	height: 100%;
}
.-btn.-btn03.-orange a {
	background: #ff7d00;
}
.-btn.-btn03.-yellow a {
	background: #fff000;
}
.-btn.-btn03.-green a {
	background: #64c83c;
}
.-btn.-btn04 {
	margin-top: 4em;
}
.-btn.-btn04 a{
	font-size: 21px;
	background: #000000;
	border: none;
	width: 330px;
	height: 62px;
}
.-btn.-btn04 a[target="_blank"]::after {
	background-image: url("../img/icon_blank02.svg");
	right: auto;
	margin-left: 12em;
	margin-top: -.5em;
}
.-btn.-btn05 {
	margin-top: 3em;
	position: relative;
}
.-btn.-btn05 a {
	font-size: 20px;
	width: 330px;
	height: 56px;
}
.-btn.-btn05 a::before {
	background: #000;
	mix-blend-mode: initial;
}
.-btn.-btn05.-black a[target="_blank"]::after {
	background-image: url("../img/icon_blank02_black.svg");
	right: auto;
	margin-left: 9em;
}
.-btn.-btn05 a img, .-btn.-btn05.-black a[target="_blank"]::after {
	transition: .2s all ease-in;
  z-index: 3;
}
.-btn.-btn05 a:hover img, .-btn.-btn05.-black a[target="_blank"]:hover::after {
	filter: brightness(0) invert(1);
}

@media screen and (max-width:787px) {
	.-btn {
		margin-top: 4em;
	}
	.-btn a {
		width: calc(100vw * 407 / 750);
		height: calc(100vw * 111 / 750);
		font-size: calc(100vw * 37 / 750);
	}
	.-btn.-btn02 a{
		width: calc(100vw * 302 / 750);
		height: calc(100vw * 302 / 750);
	}
	.-btn.-btn03 a{
		font-size: 16px;
		width: 182px;
		height: 41px;
	}
	.-btn.-btn04 a{
		font-size: 14px;
		width: 217px;
		height: 45px;
	}
	.-btn.-btn05 a{
		font-size: 15px;
		width: 217px;
		height: 40px;
	}
}
.-list-note li {
	padding-left: 1em;
	text-indent: -1em;
}

/* header */
#global-header {
	height: 78px;
	position: absolute;
	display: flex;
	align-items: center;
	z-index: 20;
	pointer-events: none;
}
#global-header > * {
	pointer-events: auto;
}
#global-header .nav-list {
	font-size: 14.45px;
}
#global-header .nav-list li a {
	color: #fff;
	text-decoration: none;
}
#global-header .header-nav {
	width: 100%;
	min-height: 100vh;
	height: 100%;
	background: #000000;
	color: #fff;
	display: flex;
	align-items: center;
	position: fixed;
	flex-direction: column;
	right: 0;
	top: 0;
	transform: translateY(-100%);
	transition: transform 0.3s;
	pointer-events: none;
	z-index: 12;
	overflow: hidden;
}
#global-header .header-nav::before {
	content: "";
	width: 264px;
	height: 546px;
	border: 1px solid #fff;
	border-left: none;
	border-top: none;
	border-bottom-right-radius: 60px;
	position: absolute;
	display: block;
	left: 0; 
	top: 0;
	z-index: 5;
	pointer-events: none;
}
#global-header .header-nav::after {
	content: "";
	width: 360px;
	height: 360px;
	border: 1px solid #fff;
	border-right: none;
	border-bottom: none;
	border-top-left-radius: 9999em;
	position: absolute;
	display: block;
	right: 0; 
	bottom: 0;
	z-index: 5;
	pointer-events: none;
}
body:not(.is-menu-open) #global-header .header-nav {
	-webkit-overflow-scrolling: touch;
}
.is-menu-open #global-header .header-nav {
	transform: translateY(0%);
	pointer-events: auto;
}
#global-header .nav-menu2 {
	height: inherit;
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	right: 78px;
	z-index: 15;
}
#global-header .nav-language {
	height: inherit;
	display: flex;
	align-items: center;
	font-size: 13px;
	padding-right: 20px;
}
#global-header .nav-language li {
	margin: 0 2px;
}
#global-header .nav-language li a {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	color: #000;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
#global-header .nav-language li.-active a {
	background: #000;
	color: #fff;
	pointer-events: none;
}
#global-header .nav-links {
	display: none;
	margin-right: 12px;
}
#global-header .nav-links li a {
	width: 32px;
	height: 32px;
	color: #000;
	display: block;
	text-indent: -9999em;
	background: url("../img/icon_insta.png") 0 0 no-repeat;
	background-size: contain;
}
.is-menu-open #global-header .nav-language {
	position: relative;
	z-index: 10;
}
.is-menu-open #global-header .nav-language li a {
	color: #fff;
}
.is-menu-open #global-header .nav-language li.-active a {
	background: #ffffff;
	color: #000;
}
.is-menu-open #global-header .nav-links {
	display: block;
}
.btn-reservation {
	width: 105px;
	height: 105px;
	position: fixed;
	bottom: 38px;
	right: 38px;
	display: block;
	padding: 0 !important;
	z-index: 12;
	letter-spacing: .09em;
	transition: .8s transform ease;
}
.btn-reservation.is-scroll-hide {
	transform: translateX(200%) rotate(180deg);
}
.btn-reservation a {
	border-radius: 50%;
	width: 100%;
	height: 100%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	text-decoration: none;
}
.btn-reservation img {
	width: 27px;
}
.btn-reservation:before {
	content: "";
	background: url("../img/btn_rsv.svg") 0 0 no-repeat;
	width: 150px;
	height: 150px;
	position: absolute;
	pointer-events: none;
	left: -22.5px;
	top: -22.5px;
	animation:6s linear infinite rotation-r;
}
@keyframes rotation-r{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}
@keyframes rotation-l{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(-360deg); }
}
.btn-menu {
	width: 78px;
	height: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	right: 0;
	top: 0;
	cursor: pointer;
	background: #000;
	z-index: 15;
}
.btn-menu span {
	width: 38.46%;
	height: 2px;
	left: 50%;
	top: 50%;
	display: block;
	position: absolute;
	transform: translate(-50%, -50%);
}
.btn-menu span::before,
.btn-menu span::after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background: #fff;
	position: absolute;
	left: 0;
	top: -250%;
	transition: .6s transform ease-in, .3s top ease-in;
	transform: rotate(0deg);
}
.btn-menu span::after {
	top: 250%;
}
.is-menu-open .btn-menu span::before {
	transform: rotate(-150deg);
	top: 0;
}
.is-menu-open .btn-menu span::after {
	transform: rotate(330deg);
	top: 0;
}
#global-header .nav-home {
	width: 100%;
	border-bottom: 1px solid #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	background: #000;
}
#global-header .nav-menu {
	width: 100%;
	overflow: hidden;
	overflow-y: auto;
	margin: auto 0;
	position: relative;
	z-index: 6;
}
#global-header .nav-home a,
#global-header .nav-menu li a {
	width: 100%;
	text-indent: -9999em;
	overflow: hidden;
	display: block;
	position: relative;
	background: 50% 50% no-repeat;
	background-size: auto 100%;
	margin: auto;
}
#global-header .nav-home a {
	background-image: url("../img/logo02.png");
}
#global-header .nav-menu .nav-top a {
	background-image: url("../img/nav-top.png");
}
#global-header .nav-menu .nav-artrooms a {
	background-image: url("../img/nav-artrooms.png");
}
#global-header .nav-menu .nav-guestrooms a {
	background-image: url("../img/nav-guestrooms.png");
}
#global-header .nav-menu .nav-groovestore a {
	background-image: url("../img/nav-groovestore.png");
}
#global-header .nav-menu .nav-groovemusic a {
	background-image: url("../img/nav-groovemusic.png");
}
#global-header .nav-menu .nav-access a {
	background-image: url("../img/nav-access.png");
}
#global-header .nav-menu .nav-faq a {
	background-image: url("../img/nav-faq.png");
}
#global-header .nav-menu .nav-rest a {
	background-image: url("../img/nav-rest.png");
	background-position: 70% 50%;
}
#global-header .nav-menu .nav-rest02 {
	margin-top: -10px;
}
#global-header .nav-menu .nav-rest02 a {
	background-image: url("../img/nav-rest02.png");
}
#global-header .nav-menu .nav-reservation {
	background-color: #fff;
}
#global-header .nav-menu .nav-reservation a {
	background-image: url("../img/nav-reservation.png");
	background-position: 70% 50%;
}
#global-header .nav-menu .nav-tokyuhotels {
	background-color: #fff;
	margin-top: -10px;
  padding-top: 0;
}
#global-header .nav-menu .nav-tokyuhotels a {
	background-image: url("../img/nav-tokyuhotels.png");
	background-position: 67% 50% !important;
}

@keyframes anime-menu-open {
  0%{
	transform: scaleX(1);
  }
  50%{
	transform: scaleX(0) rotate(0);
		top: 0%;
  }
  100%{
	transform: scaleX(1) rotate(45deg);
		top: 0%;
  }
}
@keyframes anime-menu-open2 {
  0%{
	transform: scaleX(1) rotate(0);
  }
  50%{
	transform: scaleX(0) rotate(0);
		top: 0%;
  }
  100%{
	transform: scaleX(1) rotate(-45deg);
		top: 0%;
  }
}
@keyframes anime-menu-close {
  0%{
	transform: scaleX(1) rotate(45deg);
		top: 0%;
  }
  50%{
	transform: scaleX(0) rotate(0);
		top: 0%;
  }
  100%{
	transform: scaleX(1);
		top: 250%;
  }
}
@keyframes anime-menu-close2 {
  0%{
	transform: scaleX(1) rotate(-45deg);
		top: 0%;
  }
  50%{
	transform: scaleX(0) rotate(0);
		top: 0%;
  }
  100%{
	transform: scaleX(1) rotate(0);
		top: -250%;
  }
}
@media print, screen and (min-width:788px) {
	#global-header {
		height: 78px;
		height: calc(1110px * 78 / 1400);
		/*min-width: 1110px;*/
	}
	#global-header .header-nav {
		padding-top: 63px;
	}
	#global-header .header-nav::before {
		width: 264px;
		width: calc(1110px * 264 / 1400);
		height: 546px;
		height: calc(1110px * 546 / 1400);
	}
	#global-header .header-nav::after {
		width: 360px;
		width: calc(1110px * 360 / 1400);
		height: 360px;
		height: calc(1110px * 360 / 1400);
	}
	#global-header .nav-home a {
		width: 105px;
		width: calc(1110px * 105 / 1400);
		height: 78px;
		height: calc(1110px * 78 / 1400);
		background-size: 105px auto;
		background-size: calc(1110px * 105 / 1400) auto;
	}
	#global-header .nav-menu {
		padding: 33px 0 0;
		padding: calc(1110px * 33 / 1400) 0;
	}
	#global-header .nav-menu li {
		padding: 20px 0;
		padding: calc(1110px * 25 / 1400) 0;
	}
	#global-header .nav-menu li a {
		width: 640px;
		width: calc(1110px * 640 / 1400);
		height: 73px;
		height: calc(1110px * 73 / 1400);
	}
	#global-header .nav-menu .nav-rest02 {
		margin-top: calc(1110px * -10 / 1400);
	}
	#global-header .nav-menu .nav-rest02 a {
		height: calc( 1110px * 16 / 750);
    background-position: 53% 50% !important;
	}
	#global-header .nav-menu .nav-groovestore a {
		width: 832px;
		width: calc(1110px * 832 / 1400);
	}
	#global-header .nav-menu .nav-groovemusic a {
		width: 595px;
		width: calc(1110px * 595 / 1400);
	}
	#global-header .nav-menu .nav-reservation {
		margin: 25px 0;
		margin: calc(1110px * 25 / 1400) 0;
		padding: 30px 0;
		padding: calc(1110px * 30 / 1400) 0;
	}
	#global-header .nav-menu .nav-tokyuhotels {
		margin-top: calc(1110px * -50 / 1400);
		padding: calc(1110px * 25 / 1400) 0;
	}
	#global-header .nav-menu .nav-tokyuhotels a {
		height: calc( 1110px * 16 / 750);
    background-position: 53% 50% !important;
	}
	#global-header .nav-menu2 {
		right: 78px;
		right: calc(1110px * 78 / 1400);
	}
	.btn-menu {
		width: 78px;
		width: calc(1110px * 78 / 1400);
	}
}
@media screen and (min-width: 1111px) {
	#global-header {
		height: calc(100vw * 78 / 1400);
	}
	#global-header .header-nav {
		padding-top: calc(100vw * 79 / 1400);
	}
	#global-header .header-nav::before {
		width: calc(100vw * 264 / 1400);
		height: calc(100vw * 546 / 1400);
	}
	#global-header .header-nav::after {
		width: calc(100vw * 360 / 1400);
		height: calc(100vw * 360 / 1400);
	}
	#global-header .nav-home a {
		width: calc(100vw * 105 / 1400);
		height: calc(100vw * 78 / 1400);
		background-size: calc(100vw * 105 / 1400) auto;
	}
	#global-header .nav-menu {
		padding: 33px 0 0;
	}
	#global-header .nav-menu li {
		padding: 20px 0;
	}
	#global-header .nav-menu li a {
		width: 640px;
		height: 73px;
	}
	#global-header .nav-menu .nav-rest02 {
		margin-top: -10px;
	}
	#global-header .nav-menu .nav-groovestore a {
		width: 832px;
	}
	#global-header .nav-menu .nav-groovemusic a {
		width: 595px;
	}
	#global-header .nav-menu .nav-reservation {
		margin: 25px 0;
		padding: 30px 0;
	}
	#global-header .nav-menu .nav-tokyuhotels {
		margin-top: -50px;
		padding: 25px;
	}
	#global-header .nav-menu2 {
		right: calc(100vw * 78 / 1400);
	}
	.btn-menu {
		width: calc(100vw * 78 / 1400);
	}
}
@media screen and (max-width:787px) {
	#global-header {
		height: 52px;
	}
	#global-header .header-nav {
		padding-top: 53px;
		transform: translateX(100%);
	}
	.is-menu-open #global-header .header-nav {
		transform: translateX(0%);
	}
	#global-header .header-nav::before {
		width: 405px;
		height: 405px;
		border-bottom-right-radius: 50%;
		left: -250px;
		top: -235px;
	}
	#global-header .header-nav::after {
		border-radius: 0;
		width: 52px;
		height: 100%;
	}
	#global-header .nav-home a {
		width: 90px;
		height: 52px;
		background-size: auto 30px;
		margin-left: 0;
	}
	#global-header .nav-menu {
		padding: 25px 0 0;
	}
	#global-header .nav-menu li {
		padding: 20px 67px 20px 0;
	}
	#global-header .nav-menu li a {
		width: calc( 100vw * 550 / 750);
		height: calc( 100vw * 72 / 750);
		background-size: contain;
		max-width: 275px;
		max-height: 36px;
		background-position: right center !important;
		margin-right: 0;
		margin-left: auto;
	}
	#global-header .nav-menu .nav-rest02 {
		margin-top: -30px;
	}
	#global-header .nav-menu .nav-rest02 a {
		height: calc( 100vw * 31 / 750);
		max-height: 16px;
		background-size: contain;
	}
	#global-header .nav-menu .nav-groovestore a {
		width: calc( 100vw * 560 / 750);
		height: calc( 100vw * 120 / 750);
		max-width: 280px;
		max-height: 60px;
		background-image: url("../img/nav-groovestore_sp.png");
	}
	#global-header .nav-menu .nav-reservation {
		margin-top: 25px;
	}
	#global-header .nav-menu .nav-tokyuhotels a {
		height: calc( 100vw * 31 / 750);
		max-height: 16px;
		background-size: contain;
	}
	#global-header .nav-menu .nav-groovemusic a {
		width: calc( 100vw * 508 / 750);
		max-width: 254px;
	}
	.btn-menu {
		width: 52px;
	}
	#global-header .nav-menu2 {
		right: 52px;
		display: none;
	}
	.is-menu-open #global-header .nav-menu2 {
		display: flex;
	}
	#global-header .nav-language li a {
    width: 30px;
    height: 30px;
	}
	#global-header .nav-links li a {
    width: 30px;
    height: 30px;
	}
	.btn-reservation {
    max-width: 105px;
    max-height: 105px;
    min-width: 63px;
    min-height: 63px;
		width: calc( 100vw * 126 / 750 );
		height: calc( 100vw * 126 / 750 );
		bottom: calc( 100vw * 40 / 750 );
		right: calc( 100vw * 40 / 750 );
	}
	.btn-reservation img {
    max-width: 27px;
    min-width: 18px;
		width: calc( 100vw * 36 / 750 );
	}
	.btn-reservation:before {
    max-width: 150px;
    max-height: 150px;
    min-width: 90px;
    min-height: 90px;
		width: calc( 100vw * 180 / 750 );
		height: calc( 100vw * 180 / 750 );
		left: -22%;
		top: -22%;
		background-size: contain;
	}
}

/* footer */
#global-footer {
	position: relative;
	overflow: hidden;
}
#global-footer .-logo_bg {
	border-radius: 50%;
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 1;
	transform: translate(-50%,47%);
	width: 540px;
	height: 540px;
	border: 1px solid #fff;
	padding: 10px;
}
#global-footer .-logo_bg span {
	border-radius: 50%;
	width: 100%;
	height: 100%;
	background: #fff;
	display: block;
	position: relative;
}
#global-footer .-logo_bg::before,
#global-footer .-logo_bg::after {
	content: "";
	border-radius: 50%;
	display: block;
	position: absolute;
	z-index: 0;
}
#global-footer .-logo_bg::before {
	width: 1029px;
	height: 1029px;
	left: -244.5px;
	top: -244.5px;
	background: url("../img/ft_bg01.png") 50% 50% no-repeat;
	background-size: 100% auto;
	animation:30s linear infinite rotation-r;
}
#global-footer .-logo_bg::after {
	width: 1078px;
	height: 1078px;
	left: -269px;
	top: -269px;
	background: url("../img/ft_bg02.png") 50% 50% no-repeat;
	background-size: 100% auto;
	animation:45s linear infinite rotation-l;
}
#global-footer .-logo {
	position: relative;
	z-index: 2;
}
#global-footer .address {
	font-size: 12px;
  line-height: 1.3;
	margin: 0 auto 2.5em;
}
#global-footer .address a {
	text-decoration: none;
}
#global-footer .address a[href^="tel:"] {
   pointer-events: none;
}
#global-footer .-logo a {
	display: block;
}
#global-footer a {
	color: inherit;
}
#global-footer a:hover {
	opacity: .8;
}
#global-footer .nav-list {
	display: flex;
}
#global-footer .nav-list + .nav-list {
	margin-top: 1.2em;
}
#global-footer .nav-list a {
	text-decoration: none;
}
#global-footer .nav-list a:hover {
	text-decoration: underline;
}
#global-footer .nav-list li {
	padding: 0 1em;
}
#global-footer .nav-list li + li {
	border-left: 1px solid #fff;
}
#global-footer .pagetop {
	position: absolute;
	z-index: 10;
}
#global-footer .footer-bottom {
	font-size: 12px;
	line-height: 1;
	text-align: center;
	position: relative;
	z-index: 2;
}
#global-footer .global-footer-in {
	position: relative;
	padding: 1px 0;
}
#global-footer .footer-links {
	background: #fff;
	border-top: 2px solid #000;
	position: relative;
	z-index: 2;
}
#global-footer .footer-links .links-list a {
	display: block;
}
#global-footer .footer-links + .footer-bottom {
	background: #000;
	color: #fff;
	margin-top: -1px;
}
#global-footer .plan-items + .footer-links {
	background: #000;
	border-top: none !important;
}
#global-footer .plan-items + .footer-links .links-list img {
	filter: brightness(0) invert(1);
}
#global-footer .c-direction-block {
	display: block;
	position: relative;
	z-index: 3;
}
body:not(.body-page) #global-footer .-logo a {
	pointer-events: none;
}
@media print, screen and (min-width:788px) {
	#global-footer {
		padding: 0 0 10px;
	}
	.body-page #global-footer {
		padding-top: 650px;
	}
	#global-footer .c-direction-block {
		height: 170vh;
		height: 1000px;
		height: calc( 1110px * 1000 / 1400 );
		position: relative;
		margin: -50px 0 100px;
		margin: calc( 1110px * -50 / 1400 ) 0 calc( 1110px * 100 / 1400 );
	}
	#global-footer .-logo {
		width: 194px;
    margin: 0 auto 40px;
	}
	#global-footer .address {
		width: 100%;
	}
	#global-footer .footer-bottom {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	#global-footer .footer-bottom #copyright {
		margin-left: 50px;
	}
	#global-footer .footer-bottom .footer-bottom-in {
		width: 100%;
		max-width: 1400px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		padding: 0 100px;
		margin: 0 auto;
	}
	#global-footer .footer-bottom .footer-bottom-in .nav-list li:first-child {
		padding-left: 0;
	}
	#global-footer .pagetop {
		width: 54px;
		bottom: 62px;
		right: 52px;
	}
	#global-footer .global-footer-in .-logo {
		width: 240px;
    margin: 0 auto 60px;
	}
	#global-footer .footer-links {
		padding: 67px 0 60px;
	}
	#global-footer .footer-links .links-list {
		display: flex;
		justify-content: center;
	}
	#global-footer .footer-links .links-list li + li {
		margin-left: 150px;
	}
	#global-footer .footer-links + .footer-bottom {
		margin-bottom: -10px;
		padding: 20px 0 25px;
	}
	#global-footer .footer-links + .footer-bottom #copyright {
		margin-left: auto;
	}
}
@media screen and (max-width:787px) {
	#global-footer .-logo_bg {
		width: 270px;
		height: 270px;
		padding: 5px;
		width: calc( 100vw * 540 / 750 );
		height: calc( 100vw * 540 / 750 );
		padding: calc( 100vw * 10 / 750 );
		transform: translate(-50%,42%);
	}
	#global-footer .-logo_bg::before {
		width: 515px;
		height: 515px;
		left: -122.5px;
		top: -122.5px;
		width: calc( 100vw * 1030 / 750 );
		height: calc( 100vw * 1030 / 750 );
		left: calc( 100vw * -245 / 750 );
		top: calc( 100vw * -245 / 750 );
	}
	#global-footer .-logo_bg::after {
		width: 539px;
		height: 539px;
		left: -134.5px;
		top: -134.5px;
		width: calc( 100vw * 1068 / 750 );
		height: calc( 100vw * 1068 / 750 );
		left: calc( 100vw * -269 / 750 );
		top: calc( 100vw * -269 / 750 );
	}
	#global-footer .nav-list {
		justify-content: center;
	}
	#global-footer .address {
		display: none;
		font-size: 10px;
		transform: scale(.8);
		margin-bottom: 1.5em;
	}
	#global-footer .footer-bottom {
		font-size: 10px;
	}
	#global-footer .footer-bottom #copyright {
		display: block;
    margin: 5px 0 0;
	}
	#global-footer .pagetop {
		width: 35px;
		bottom: 50px;
		right: 15px;
		width: calc( 100vw * 70 / 750 );
		right: calc( 100vw * 18 / 750 );
	}
	
	#global-footer {
		padding: 0 0 5px;
	}
	.body-page #global-footer {
		margin-top: 80px;
		padding-top: calc( 100vw * 450 / 750 );
	}
	#global-footer .c-direction-block {
		height: calc( 100vw * 700 / 750 );
		margin: calc( 100vw * -30 / 750 ) 0 calc( 100vw * 200 / 750 );
		height: 350px;
    display: block;
    position: relative;
	}
	#global-footer .-logo .-tx {
		width: 31%;
    margin: auto;
	}
	#global-footer .-logo {
		width: 120px;
		width: calc( 100vw * 240 / 750 );
    margin: 0 auto 20px;
    margin: 0 auto calc( 100vw * 40 / 750 );
	}
	#global-footer .nav-list {
		font-size: 9px;
	}
	#global-footer .nav-list + .nav-list {
		margin-top: 1.4em;
	}
	#global-footer .global-footer-in .-logo {
		width: 150px;
		width: calc( 100vw * 300 / 750 );
    margin: 0 auto 30px;
    margin: 0 auto calc( 100vw * 60 / 750 );
	}
	#global-footer .footer-links {
		border-top-width: 1px;
		padding: 40px 0 30px;
		text-align: center;
	}
	#global-footer .footer-links .links-list li + li {
		margin-top: 25px;
	}
	#global-footer .footer-links .links-list li img {
		max-height: 34px;
		height: 23px;
		height: calc(100vw* 46 / 750);
	}
	#global-footer .footer-links + .footer-bottom {
		margin-bottom: -5px;
		padding: 25px 0 20px;
	}
	#global-footer .footer-links + .footer-bottom #copyright {
    margin: 25px 0 0;
	}
}

/* plan */
.plan-items {
	border-top: 2px solid #000;
	background: #fff;
	overflow: hidden;
	position: relative;
	z-index: 2;
	letter-spacing: .02em;
}
.plan-items .swiper {
	overflow: visible;
}
.plan-items .swiper-button-next, .plan-items .swiper-button-prev {
	border-radius: 50%;
	background: rgba(255,255,255,.6) url("../img/icon_arrow02_black.svg") 50% 50% no-repeat;
	background-size: 10px auto;
	width: 34px;
	height: 34px;
	margin-top: -2.5em;
	opacity: .7;
}
.plan-items .swiper-button-next {
	transform: rotate(180deg);
}
.plan-items .swiper-button-next:after, .plan-items .swiper-button-prev:after {
	display: none;
}
.plan-items .swiper-button-next.swiper-button-disabled, .plan-items .swiper-button-prev.swiper-button-disabled {
	opacity: 0;
}
.plan-items .plan-title {
	font-weight: 700;
	line-height: 1;
	margin-bottom: 1em;
}
.plan-items .plan-item {
	line-height: 1.5;
}
.plan-items .plan-item a {
	display: block;
	text-decoration: none;
}
.plan-items .plan-item .plan-label {
	font-size: 12px;
	background: #000;
	color: #fff;
	display: inline-block;
	margin: .5em 0 .3em;
	padding: .2em 1em;
}
@media print, screen and (min-width:788px) {
	.plan-items {
		padding: 50px 0 75px;
	}
	.plan-items .plan-inner {
		max-width: 1400px;
		margin: 0 auto;
		padding: 0 100px;
	}
	.plan-items .plan-title {
		font-size: 16px;
	}
	.plan-items .plan-item {
		font-size: 14px;
	}
	.plan-items .plan-item .plan-label {
		font-size: 12px;
	}
}
@media screen and (max-width:787px) {
	.plan-items {
		border-top-width: 1px;
		padding: 40px 0 50px;
	}
	.plan-items .plan-inner {
		padding: 0 4%;
	}
	.plan-items .plan-title {
		font-size: 14px;
	}
	.plan-items .plan-item {
		font-size: 11.5px;
	}
	.plan-items .plan-item .plan-label {
		font-size: 10px;
	}
}

/* parts */
.-ti01 {
	font-size: 350%;
	position: relative;
	line-height: 1.1;
	z-index: 5;
	pointer-events: none;
}
.-ti01 img {
	width: auto;
	height: 1em;
}
@media print, screen and (min-width:788px) {
	.-ti01 {
		padding-left: 0.3em;
		font-size: calc(1110px * 68 / 1400);
	}
}
@media screen and (min-width: 1111px) {
	.-ti01 {
		font-size: calc(100vw * 68 / 1400);
	}
}
@media screen and (max-width:787px) {
	.-ti01 {
		font-size: calc(100vw * 64 / 750);
	}
}
.-text {
	letter-spacing: .1em;
}
.-text p + p {
	margin-top: .8em;
}
.-text img {
	width: auto;
	height: 1em;
    vertical-align: baseline;
}
.-maxW {
	max-width: 100%;
	    width: auto;
}
.sec-block {
	position: relative;
	z-index: 1;
}

#wrapper-content.sl_active {
	position: relative !important;
	transform: none !important;
	left: 0 !important;
}
body:not(.opening-start) .sec-guestrooms .-imglist .-imgbg,
body:not(.opening-start) .scroll-logo {
	
}
#main-content {
	overflow: hidden;
}
#main-content {
	background-color: #00dcdc;
}

/* head-note */
#global-header{
    left: 0;
    right: 0;
}
.is-menu-open #global-header .btn-menu,
.is-menu-open #global-header .nav-menu2{
    position: fixed !important;
}
#main-content .head-note{
	text-align: center;
	padding: 0.3em 1em 0.5em;
    font-size: 12px;
	line-height: 1.8;
    background: #000000;
    color: #ffffff;
    min-width: 320px;
}
#main-content .head-note a{
	display: inline-block;
    color: #ffffff;
}
@media screen and (max-width:787px){
    #main-content .head-note{
        font-size: 11px;
    }
}

.page-topics #main-content {
	background-color: #008cbe;
}
.page-groovemusic #main-content {
	background-color: #64c83c;
}
.page-artrooms #main-content {
	background-color: #fbeb3e;
}
.page-guestrooms #main-content {
	background-color: #03d3d3;
}
.page-groovestore #main-content {
	background-color: #ff911d;
}
.page-access #main-content {
	background-color: #70d348;
}
.page-faq {
	background-color: #f24cc1;
}
.page-faq #main-content {
	background-color: transparent;
}
.page-faq .scroll-bg {
	z-index: 0;
}
/* mv-topics */
.mv-topics {
	background: #008cbe;
}
/* main-visual */
#main-visual {
	background: 0 0 no-repeat;
	background-size: 100% auto;
	margin-bottom: -1px;
    z-index: 1;
    position: relative;
}
#main-visual .-logo {
	position: absolute;
	z-index: 1;
	background: #fff;
}

#main-visual .-logo img {
	width: 100%;
}
#main-visual .-img {
	overflow: hidden;
	background: #b1b1b1;
	display: block;
	position: relative;
	z-index: 4;
	pointer-events: none;
}
#main-visual .-img img {
	position: static;
	min-height: 100%;
	min-width: 100%;
	object-fit: cover;
	transform: none;
}
#main-visual .c-bg-block_item.-tx01 img {
	opacity: 0;
	
}
#main-visual .c-bg-block_item.-tx01 span {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	opacity: 0;
}
#main-visual .c-bg-block_item.-tx01 span.-active {
	opacity: 1;
}
#main-visual .c-bg-block_item.-tx01 span .mv_tx > g {
transform: translateX(105%);
}
#main-visual .c-bg-block_item.-tx01 span.-active .mv_tx > g {
	animation: change-anim2 10s ease-in infinite;
}
#main-visual .c-bg-block_item.-tx01 span.-active .mv_tx > g.mv_tx-2 {
	animation-delay: .7s;
}
#main-visual .c-bg-block_item.-tx01 span.-active .mv_tx > g.mv_tx-3 {
	animation-delay: 1.4s;
}
#main-visual .c-bg-block_item.-tx01 span.-active .mv_tx > g.mv_tx-4 {
	animation-delay: 2.1s;
}
#main-visual .c-bg-block_item.-tx02 {
	width: 100vw;
	background: url(../img/mv_hotel.svg) repeat-x;
	background-size: auto 100%;
	animation: anim-scroll-l_b 30s linear infinite;
	left: 0;
	mix-blend-mode: difference;
	z-index: 5;
}
#main-visual .-bg01 {
	background: 0 0 no-repeat;
	background-size: 100% auto;
	z-index: 1;
}
@keyframes change-anim{
	0%,5%,33%,100%{ height: 0;}
	6%,9%{ height: 25%;}
	10%,13%{ height: 50%;}
	14%,17%{ height: 75%;}
	18%,32%{ height: 100%;}
}
@keyframes change-anim2{
	0%{ transform: translateX(105%);}
	5%,75%{ transform: translateX(0%);}
	80%,100%{ transform: translateX(-100%);}
}
@keyframes change-anim3{
	0%,49%,100%{ transform: translateX(150%);}
	1%,46%{ transform: translateX(0%);}
}
@keyframes anim-scroll-l{
	0%{ background-position: 1110px 0;}
	100%{ background-position: 100% 0;}
}
@keyframes anim-scroll-l_b{
	0%{ background-position: 100vw 0;}
	100%{ background-position: 100% 0;}
}

@keyframes anim-scroll-tx1{
	0%{ background-position: calc(1110px * 1164 / 1400) 0;}
	100%{ background-position: 0 0;}
}
@keyframes anim-scroll-tx1_b{
	0%{ background-position: calc(100vw * 1164 / 1400) 0;}
	100%{ background-position: 0 0;}
}
@keyframes anim-scroll-tx1_s{
	0%{ background-position: calc(100vw * 1164 / 750) 0;}
	100%{ background-position: 0 0;}
}
@keyframes anim-scroll-tx2{
	0%{ background-position: 0 0;}
	100%{ background-position: calc(1110px * 1063 / 1400) 0;}
}
@keyframes anim-scroll-tx2_b{
	0%{ background-position: 0 0;}
	100%{ background-position: calc(100vw * 1063 / 1400) 0;}
}
@keyframes anim-scroll-tx2_s{
	0%{ background-position: 0 0;}
	100%{ background-position: calc(100vw * 1063 / 750) 0;}
}
@keyframes anim-draw-down{
	0%{ height: 0;}
	100%{ height: inherit;}
}
@keyframes anim-draw-up{
	100%{ height: 0;}
	0%{ height: inherit;}
}
@media print, screen and (min-width:788px) {
	#main-visual {
		min-height: 990px;
		min-height: calc(1110px * 990 / 1400);
		background-image: url("../img/mv_bg01.png");
		padding: 78px 0 0 44px;
		padding: calc(1110px * 78 / 1400) 0 0 calc(1110px * 44 / 1400);
	}
	#main-visual .-logo {
		width: 387px;
		width: calc(1110px * 387 / 1400);
		height: calc(1110px * 217 / 1400);
		padding: 47px 106px 67px 61px;
		padding: calc(1110px * 47 / 1400) calc(1110px * 106 / 1400) calc(1110px * 67 / 1400) calc(1110px * 61 / 1400);
		top: 43px;
		top: calc(1110px * 43 / 1400);
	}
	#main-visual .-img {
		width: 1035px;
		width: calc(1110px * 1035 / 1400);
		height: 652px;
		height: calc(1110px * 652 / 1400);
		border-top-left-radius: calc(1110px * 80 / 1400);
		border-bottom-left-radius: calc(1110px * 80 / 1400);
		margin: 0 0 0 auto;
	}
	#main-visual .c-bg-block_item.-tx01 {
		width: 313px;
		width: calc(1110px * 313 / 1400);
		height: 241px;
		height: calc(1110px * 241 / 1400);
		top: 290px;
		top: calc(1110px * 290 / 1400);
		left: 30px;
		left: calc(1110px * 30 / 1400);
	}
	#main-visual .c-bg-block_item.-tx02 {
		height: 226px;
		height: calc(1110px * 226 / 1400);
		top: 596px;
		top: calc(1110px * 596 / 1400);
		left: 0;
	}
	#main-visual .-bg01 {
		background-image: url("../img/topics_bg02.png");
		width: 164px;
		width: calc(1110px * 164 / 1400);
		height: 664px;
		height: calc(1110px * 664 / 1400);
		top: 858px;
		top: calc(1110px * 858 / 1400);
		right: 0;
	}
	#main-visual .-bg02 {
		width: 525px;
		width: calc(1110px * 525 / 1400);
		height: 1502px;
		height: calc(1110px * 1502 / 1400);
		top: 748px;
		top: calc(1110px * 748 / 1400);
		right: 0;
	}
	#main-visual .-bg02 span {
		display: block;
		overflow: hidden;
		height: 0;
	}
	#main-visual .-bg02.is-inview span {
		animation: anim-draw-down 5s linear both;
	}
}
@media screen and (min-width: 1111px) {
	#main-visual {
		min-height: calc(100vw * 990 / 1400);
		padding: calc(100vw * 78 / 1400) 0 0 calc(100vw * 44 / 1400);
	}
	#main-visual .-logo {
		width: calc(100vw * 387 / 1400);
		height: calc(100vw * 217 / 1400);
		padding: calc(100vw * 47 / 1400) calc(100vw * 106 / 1400) calc(100vw * 67 / 1400) calc(100vw * 61 / 1400);
		top: calc(100vw * 43 / 1400);
	}
	#main-visual .-img {
		width: calc(100vw * 1035 / 1400);
		height: calc(100vw * 652 / 1400);
		border-top-left-radius: calc(100vw * 80 / 1400);
		border-bottom-left-radius: calc(100vw * 80 / 1400);
	}
	#main-visual .c-bg-block_item.-tx01 {
		width: calc(100vw * 313 / 1400);
		height: calc(100vw * 241 / 1400);
		top: calc(100vw * 290 / 1400);
		left: calc(100vw * 30 / 1400);
	}
	#main-visual .c-bg-block_item.-tx02 {
		height: calc(100vw * 226 / 1400);
		top: calc(100vw * 596 / 1400);
	}
	#main-visual .-bg01 {
		width: calc(100vw * 164 / 1400);
		height: calc(100vw * 664 / 1400);
		top: calc(100vw * 858 / 1400);
	}
	#main-visual .-bg02 {
		width: calc(100vw * 525 / 1400);
		height: calc(100vw * 1502 / 1400);
		top: calc(100vw * 748 / 1400);
	}
}
@media print, screen and (min-width:788px) and (max-width:1110px) {
	#main-visual .c-bg-block_item.-tx02 {
		animation-name: anim-scroll-l;
	}
}
@media screen and (max-width:787px) {
	#main-visual {
		min-height: 1515px;
		min-height: calc(100vw * 1515 / 750);
		background-image: url("../img/mv_bg01_sp.png");
		padding: 193px 0 0 0;
		padding: calc(100vw * 193 / 750) 0 0 0;
	}
	#main-visual .-logo {
		width: 392px;
		width: calc(100vw * 392 / 750);
		padding: 30px 70px 85px 40px;
		padding: calc(100vw * 30 / 750) calc(100vw * 70 / 750) calc(100vw * 85 / 750 ) calc(100vw * 40 / 750);
		top: 0;
		left: 0;
	}
	#main-visual .-img {
		width: 658px;
		width: calc(100vw * 658 / 750);
		height: 1098px;
		height: calc(100vw * 1098 / 750);
		border-top-left-radius: calc(100vw * 140 / 750);
		border-bottom-left-radius: calc(100vw * 140 / 750);
		margin: 0 0 0 auto;
	}
	#main-visual .c-bg-block_item.-tx01 {
		display: none;
	}
	#main-visual .c-bg-block_item.-tx02 {
		height: 226px;
		height: calc(100vw * 226 / 750);
		top: 1138px;
		top: calc(100vw * 1138 / 750);
		left: 0;
	}
	#main-visual .-bg01 {
		background-image: url("../img/topics_bg02.png");
		width: 161px;
		width: calc(100vw * 161 / 750);
		height: 655px;
		height: calc(100vw * 655 / 750);
		top: 1677px;
		top: calc(100vw * 1677 / 750);
		right: -98px;
		right: calc(100vw * -98 / 750);
	}
	#main-visual .-bg02 {
		width: 663px;
		width: calc(100vw * 663 / 750);
		height: 1897px;
		height: calc(100vw * 1897 / 750);
		top: 1342px;
		top: calc(100vw * 1342 / 750);
		right: -40px;
		right: calc(100vw * -40 / 750);
	}
	#main-visual .-bg02 span {
		display: block;
		overflow: hidden;
		height: 0;
		transform: translateY(400px);
		transform: translateY(calc(100vw * 400 / 750));
	}
	#main-visual .-bg02.is-inview span {
		animation: anim-draw-down 5s linear both;
	}
}

/* topics */
#topics {
	background: 0 0 no-repeat;
	background-size: 100% auto;
    position: relative;
}
#topics_title02 {
	overflow: visible;
}
#topics_title02_path path {
	animation: 6s anime-topics1 ease-in-out infinite;
}
#topics_title02_path path:nth-child(2) {
	animation-delay: .1s;
}
#topics_title02_path path:nth-child(3) {
	animation-delay: .2s;
}
#topics_title02_path path:nth-child(4) {
	animation-delay: .3s;
}
#topics_title02_path path:nth-child(5) {
	animation-delay: .4s;
}
#topics_title02_path path:nth-child(6) {
	animation-delay: .5s;
}
@keyframes anime-topics1 {
  0%,20%,26%,100%{
	transform: translateY(0%);
  }
  23%{
	transform: translateY(-30%);
  }
}
#topics .-banner {
	margin-top: 40px;
}
#topics .-banner li {
	position: relative;
}
#topics .-banner a {
	display: block;
	position: relative;
	z-index: 1;
}
#topics .-banner li::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    z-index: 0;
    left: 9px;
    bottom: -9px;
    display: block;
}
#topics .-topicslist {
	position: relative;
}
#topics .-topicslist.-hover {
	transition: .3s transform ease-in;
}
#topics .-topicslist.-hover:hover {
	transform: translateX(5%);
}
#topics .-topicslist .-link {
	text-indent: -9999em;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.-topicslist .-img img {
	position: relative;
	z-index: 1;
}
.-topicslist .-img::before {
	content: "";
	width: 100%;
	height: 100%;
	background: url(../img/topics_bg04.jpg) 0 0 no-repeat;
	background-size: cover;
	position: absolute;
	z-index: 0;
	left: 1em;
	top: 1em;
	display: block;
}
.-topicslist:nth-child(2n+1) .-label {
	background: #ff3dd2;
}
.-topicslist:nth-child(2n) {
	margin-left: 10%;
}
.-topicslist:nth-child(2n) .-label {
	background: #00dcdc;
}
.-topicslist:nth-child(2n) .-img::before {
	background-image: url(../img/topics_bg05.jpg);
}
.swiper-topics .-topicslist2 {
	position: relative;
	height: auto;
	letter-spacing: 0;
}
.swiper-topics .-topicslist2 .-inner {
	border: 1px solid #000000;
	background: #ffffff;
	overflow: hidden;
	position: relative;
	isolation: isolate;
	z-index: 2;
	height: 100%;
}
.swiper-topics .-topicslist2::before,
.swiper-topics .-topicslist2 .-inner {
	transition: .2s transform ease-in;
}
.swiper-topics .-topicslist2:hover::before,
.swiper-topics .-topicslist2:hover .-inner {
	transform: translateY(-1em);
}
.swiper-topics .-topicslist2 .icon-label {
	font-family: "Anton", sans-serif;
	font-weight: 400;
	font-style: normal;
	border-bottom: 2px solid #000;
	font-size: 19px;
	background: #fff45e;
	color: #00b3ed;
	position: absolute;
	top: 10px;
	right: 0;
	padding: 0.4em 0.83em;
	line-height: 1;
}
.swiper-topics .-topicslist2 .icon-label span.-no {
	color: #ea5098;
}
.swiper-topics .-topicslist2 .-img {
	border-bottom: 1px solid #000000;
}
.swiper-topics[data-topics="top"] .-topicslist2 .-img {
  padding-top: 85.86%;
  position: relative;
  z-index: -1;
}
.swiper-topics[data-topics="top"] .-topicslist2 .-img img {
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  height: 100%;
}
.swiper-topics .-topicslist2 .-text {
	min-height: 11em;
	padding: 1em 2rem 3em;
	line-height: 1.44;
}
.swiper-topics .-topicslist2 .-title{
	font-size: 18px;
	font-weight: 900;
}
.swiper-topics .-topicslist2 .-link {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.swiper-topics .-topicslist2 .-link > span {
	font-size: 13px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 112px;
	height: 36px;
	right: 0;
	bottom: 0;
	background: #000;
	color: #fff;
}
.swiper-topics .-topicslist2 .-date {
	font-size: 14px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	height: 36px;
	left: 2rem;
	bottom: 0;
}
.swiper-topics .-topicslist2 .-label {
	font-weight: 400;
	line-height: 1.7;
}
.swiper-topics .-topicslist2 .-label span {
	font-family: 'Oswald','Noto Sans JP', sans-serif;
	background-color: #f24cc1;
	color: #fff;
	display: inline-block;
	margin-bottom: .5em;
	padding: 0 .5em;
	white-space: nowrap;
}
.swiper-topics .-topicslist2::before {
	content: "";
	width: 100%;
	height: calc(100% - 1em);
	background: url(../img/topics_bg04.jpg);
	background-size: cover;
	position: absolute;
	z-index: 0;
	left: 7px;
	bottom: -9px;
	display: block;
}
.swiper-topics .-topicslist2:nth-child(2n) {
	transform: translateY(-40px)
}
.swiper-topics .-topicslist2:nth-child(2n+1)::before {
	border-top-left-radius: 2.6em;
}
.swiper-topics .-topicslist2:nth-child(2n+1) .-inner {
	border-top-left-radius: 2.2em;
}
.swiper-topics .-topicslist2:nth-child(2n)::before {
	border-bottom-right-radius: 2.6em;
}
.swiper-topics .-topicslist2:nth-child(2n) .-inner {
	border-bottom-right-radius: 2.2em;
}
.swiper-topics .-topicslist2:nth-child(2n+1)::before {
	background-image: url(../img/topics_bg05.jpg);
}
#topics .sec-block {
	position: relative;
	z-index: 1;
}
#topics .swiper-topics {
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: 60px 0 60px;
}
#topics .swiper-topics .swiper {
	overflow: visible;
}
#topics .swiper-topics .-link-page {
	font-weight: 500;
	text-align: left;
	margin: 3em 0 -64px;
	text-shadow: 1px 1px #fff, -1px -1px #fff;
}
@media print, screen and (min-width:788px) {
	#topics {
		background-image: url("../img/topics_bg01.png");
		padding-bottom: 350px;
		padding-bottom: calc(1110px * 450 / 1400);
		margin-bottom: -260px;
		margin-bottom: calc(1110px * -320 / 1400);
	}
	#topics .-ti01 {
		padding: 285px 0 100px 463px;
		padding: calc(1110px * 285 / 1400) 0 calc(1110px * 85 / 1400) calc(1110px * 463 / 1400);
	}
	#topics .-ti {
		width: 533px;
		width: calc(1110px * 533 / 1400);
		top: 152px;
		top: calc(1110px * 152 / 1400);
		left: 264px;
		left: calc(1110px * 264 / 1400);
		z-index: 1;
	}
	#topics .sec-block {
		width: 1200px;
		width: calc(1110px * 1200 / 1400);
		margin: 0 auto;
	}
	#topics .swiper-topics .swiper {
		width: 1200px;
		width: calc(1110px * 1200 / 1400);
		margin: 0 auto;
	}
	.-topicslist {
		display: flex;
		justify-content: space-between;
		    align-items: start;
		width: 875px;
		width: calc(1110px * 875 / 1400);
	}
	.-topicslist + .-topicslist {
		margin-top: 45px;
		margin-top: calc(1110px * 45 / 1400);
	}
	.-topicslist .-img {
		width: 390px;
		width: calc(1110px * 390 / 1400);
		position: relative;
	}
	.-topicslist .-text {
		width: 440px;
		width: calc(1110px * 440 / 1400);
		letter-spacing: 0;
		padding-top: 5px;
	}
	.-topicslist .-label {
		font-family: 'Oswald', sans-serif;
		font-weight: 700;
		color: #fff;
		display: table;
		padding: 0 1em;
		font-size: 20px;
	}
	.-topicslist .-date {
		font-size: 15px;
		font-weight: 900;
	}
	.-topicslist .-title {
		font-size: 18px;
		font-weight: 900;
		margin-bottom: .8em;
	}
	.-topicslist:nth-child(2n+1) .-label {
		border-top-left-radius: .75em;
	}
	.-topicslist:nth-child(2n+1) .-img::before,
	.-topicslist:nth-child(2n+1) .-img img {
		border-top-left-radius: 1.8em;
		border-bottom-right-radius: 1.8em;
	}
	.-topicslist:nth-child(2n) .-label {
		border-bottom-right-radius: .75em;
	}
	.-topicslist:nth-child(2n) .-img::before,
	.-topicslist:nth-child(2n) .-img img {
		border-bottom-left-radius: 1.8em;
		border-top-right-radius: 1.8em;
	}
  .swiper-topics .-topicslist2 .-label {
    font-size: 12px;
  }
}
@media screen and (min-width: 1111px) {
	#topics {
		padding-bottom: calc(100vw * 450 / 1400);
		margin-bottom: calc(100vw * -320 / 1400);
	}
	#topics .-ti01 {
		padding: calc(100vw * 285 / 1400) 0 calc(100vw * 85 / 1400) calc(100vw * 463 / 1400);
	}
	#topics .-ti {
		width: calc(100vw * 533 / 1400);
		top: calc(100vw * 152 / 1400);
		left: calc(100vw * 264 / 1400);
	}
	#topics .sec-block {
		width: calc(100vw * 1200 / 1400);
	}
	#topics .swiper-topics .swiper {
		width: calc(100vw * 1200 / 1400);
	}
	.-topicslist {
		width: calc(100vw * 875 / 1400);
	}
	.-topicslist + .-topicslist {
		margin-top: calc(100vw * 45 / 1400);
	}
	.-topicslist .-img {
		width: calc(100vw * 390 / 1400);
	}
	.-topicslist .-text {
		width: calc(100vw * 440 / 1400);
	}
  .swiper-topics .-topicslist2 .-label {
    font-size: calc(100vw * 12 / 1400);
  }
}
@media screen and (max-width:787px) {
	#topics {
		background-image: url("../img/topics_bg01_sp.png");
		padding-bottom: 450px;
		padding-bottom: calc(100vw * 450 / 750);
		margin-bottom: -280px;
		margin-bottom: calc(100vw * -380 / 750);
	}
	#topics .-ti01 {
		padding: 264px 0 115px 210px;
		padding: calc(100vw * 264 / 750) 0 calc(100vw * 115 / 750) calc(100vw * 210 / 750);
	}
	#topics .-ti {
		width: 533px;
		width: calc(100vw * 533 / 750);
		top: 104px;
		top: calc(104vw * 104 / 750);
		left: 28px;
		left: calc(100vw * 28 / 750);
		z-index: 1;
	}
	#topics .sec-block {
		width: 620px;
		width: calc(100vw * 620 / 750);
		margin: 0 auto;
	}
	#topics .-banner {
		width: calc(100vw* 600 / 750);
    margin-top: calc(100vw* 60 / 750);
	}
	#topics .-banner li::after {
		left: 7px;
		bottom: -7px;
	}
	#topics .swiper-topics .-link-page {
		margin-bottom: -50px;
	}
	#topics .swiper-topics .swiper {
		width: 620px;
		width: calc(100vw * 620 / 750);
		margin: 0 auto;
	}
	.-topicslist {
		width: 460px;
		width: calc(100vw * 460 / 750);
	}
	.-topicslist:nth-child(2n) {
		margin-left: auto;
	}
	.-topicslist + .-topicslist {
		margin-top: 60px;
		margin-top: calc(100vw * 60 / 750);
	}
	.-topicslist .-img {
		width: 432px;
		width: calc(100vw * 432 / 750);
		position: relative;
	}
	.-topicslist .-text {
		letter-spacing: 0;
		padding-top: 2em;
		padding-left: 1em;
	}
	.-topicslist .-label {
		font-family: 'Oswald', sans-serif;
		font-weight: 700;
		color: #fff;
		display: table;
		padding: 0 1em;
		font-size: 12.5px;
		line-height: 1.4;
	}
	.-topicslist .-date {
		font-size: 12px;
		font-weight: 900;
		line-height: 1.4;
	}
	.-topicslist .-title {
		font-size: 14px;
		font-weight: 900;
		margin-bottom: .5em;
		line-height: 1.4;
	}
	.-topicslist .-label {
		border-top-left-radius: .75em;
	}
	.-topicslist .-img::before,
	.-topicslist .-img img {
		border-top-left-radius: 1.8em;
		border-bottom-right-radius: 1.8em;
	}
	.swiper-topics .-topicslist2 .icon-label {
		top: calc( 100% * 10 / 550 );
		font-size: calc( 100vw * 28.5 / 750 );
	}
	.swiper-topics .-topicslist2 .-title{
		font-size: 14px;
	}
	.swiper-topics .-topicslist2 .-link > span {
		font-size: 12px;
		width: 92px;
		height: 30px;
	}
	.swiper-topics .-topicslist2 .-date {
		font-size: 12px;
		height: 30px;
	}
  .swiper-topics .-topicslist2 .-label {
    font-size: 10px;
  }
	.swiper-topics .-topicslist2:nth-child(2n) {
		transform: translateY(-25px)
	}
}
/* artrooms */
#artrooms {
	position: relative;
	z-index: 1;
}
#artrooms::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	background: #fbeb3e;
	top: 0;
	left: 0;
	transform: skewY(-19.5deg);
	transform-origin: top center;
}
#artrooms .-bg01 {
	width: 100%;
	position: relative;
	z-index: 0;
	top: 0;
	left: 0%;
	transform: skewY(-19.5deg);
	transform-origin: top center;
	overflow: hidden;
}
#artrooms .-bg01 .-tx01 {
	width: 120%;
	position: relative;
	z-index: 0;
	left: -10%;
	transform-origin: top center;
	overflow: hidden;
}

#artrooms .-bg01 .-ti::before,
#artrooms .-bg01 .-tx01::after {
	content: "";
	width: 100%;
	height: 20px;
	background: 0 0 repeat-x;
	background-size: auto 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	transform: skewY(19.5deg) rotate(-19.5deg);
}
#artrooms .-bg01 .-ti::before {
	left: auto;
	right: 2%;
	transform: none;
	animation: anim-scroll-tx1 15s linear infinite;
}
#artrooms .-bg01 .-tx01::after {
	animation: anim-scroll-tx2 15s linear infinite;
}
#artrooms .sec-artists {
	position: relative;
	width: 100%;
	z-index: 2;
}
#artrooms .swiper-free-mode > .swiper-wrapper {
	transition: .5s transform cubic-bezier(.17,.67,.83,1);
}
#artrooms .-artistList {
	min-width: 100vw;
	display: flex;
}
#artrooms .-artistList img {
	width: auto;
}
#artrooms .-ti {
	width: 120%;
	transform: skewY(19.5deg) rotate(-19.5deg);
	background: #e12109;
	margin: 0 -10% .2em;
	padding: 0 10%;
	position: relative;
}
#artrooms .sec-block {
	z-index: 5;
}
#artrooms .sec-block .-btn {
	margin-top: 0;
}
.swiper-artists .swiper-wrapper {
	display: flex;
	width: fit-content;
}
.swiper-artists .artists-swiper-button {
	position: absolute;
	display: flex;
	justify-content: flex-end;
}
.swiper-artists .artists-swiper-button-next, .swiper-artists .artists-swiper-button-prev {
	width: 54px;
	height: 54px;
  background: none;
	border: 1px solid #e12109;
	border-radius: 50%;
	display: block;
	position: relative;
	cursor: pointer;
	transition: all .3s ease-in;
	transform: rotate(180deg);
	margin: 0 5px;
	overflow: hidden;
}
.swiper-artists .artists-swiper-button-prev {
	transform: rotate(0);
}
.swiper-artists .artists-swiper-button-next::after, .swiper-artists .artists-swiper-button-prev::after {
	content: "";
	width: 100%;
	height: 100%;
  background: url("../img/icon_arrow01_red.svg") 45% 50% no-repeat;
	background-size: 12px 22px;
	position: absolute;
	left: 0;
	top: 0;
  animation: anim-arrow 4s ease-in infinite alternate;
}
.swiper-artists .artists-swiper-button-next:hover::after, .swiper-artists .artists-swiper-button-prev:hover::after {
    -webkit-filter:brightness(0) invert(1);
    -moz-filter:brightness(0) invert(1);
    -ms-filter:brightness(0) invert(1);
    filter:brightness(0) invert(1);
}
.swiper-artists .artists-swiper-button-next:hover, .swiper-artists .artists-swiper-button-prev:hover {
  background-color: #e12109;
}
.swiper-artists .swiper-button-disabled {
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    filter:grayscale(100%);
	opacity: .3;
	pointer-events: none;
}
.artists-swiper-scrollbar {
	height: 4px;
	width: 700px;
	background: #fff;
	margin: 0 auto;
}
.artists-swiper-scrollbar .swiper-scrollbar-drag {
	background: #e12109;
}

@keyframes anim-arrow {
  0%,80%,100% {
      transform: translateX(0)
  }
  90% {
      transform: translateX(-5px)
  }
}
@media print, screen and (min-width:788px) {
	#artrooms {
		padding-bottom: 77px;
		padding-bottom: calc(1110px * 77 / 1400);
		margin-bottom: -253px;
		margin-bottom: calc(1110px * -253 / 1400);
	}
	#artrooms .-ti01 {
		padding: 74px 0 145px 750px;
		padding: calc(1110px * 74 / 1400) 0 calc(1110px * 145 / 1400) calc(1110px * 750 / 1400);
	}
	#artrooms .-ti {
		padding: 0.5em 8% 0;
	}
	#artrooms .-bg01 .-ti::before {
		width: 770px;
		width: calc(1110px * 770 / 1400);
		top: 50%;
		height: 35px;
		height: calc(1110px * 35 / 1400);
		background-image: url("../img/artist_title02_2.png");
	}
	#artrooms .-bg01 .-tx01 {
		height: 38px;
		height: calc(1110px * 38 / 1400);
	}
	#artrooms .-bg01 .-tx01::after {
		height: 38px;
		height: calc(1110px * 38 / 1400);
		background-image: url("../img/artist_title02_3.png");
	}
	#artrooms .-bg01 .-ti img {
		width: 704px;
		width: calc(1110px * 704 / 1400);
		margin-bottom: -.2em;
	}
	#artrooms .-tx01 {
	}
	#artrooms .-tx02 {
		width: 144px;
		width: calc(1110px * 144 / 1400);
		top: 225px;
		top: calc(1110px * 225 / 1400);
		left: 0;
		z-index: 1;
	}
	.swiper-artists .artists-swiper-button {
		right: 85px;
    right: calc(1110px * 85 / 1400);
		top: -68px;
	}
	.artists-swiper-scrollbar {
    width: 700px;
    width: calc(1110px * 700 / 1400);
		margin-top: 47px;
		margin-top: calc(1110px * 39 / 1400);
	}
	#artrooms .sec-block .-btn {
		margin-left: 294px;
		margin-left: calc(1110px * 294 / 1400);
		margin-top: 68px;
		margin-top: calc(1110px * 68 / 1400);
	}
	#artrooms .sec-block .-btn a {
		font-size: calc(1110px * 28 / 1400);
		width: calc(1110px * 222 / 1400);
		height: calc(1110px * 222 / 1400);
	}
	#artrooms .-artistList {
		width: 1967px;
		width: calc(1110px * 1967 / 1400);
		min-width: 1110px;
		min-width: calc(1110px * 1110 / 1400);
		padding-left: calc(1110px * 100 / 1400);
	}
	#artrooms .-artistList:nth-child(1) {
		width: 1606px;
		width: calc(1110px * 1606 / 1400);
			padding-left: calc(1110px * 330 / 1400);
	}
	#artrooms .-artistList:last-child {
		width: 2010px;
		width: calc(1110px * 2010 / 1400);
	}
	#artrooms .-artistList img {
			height: 658px;
			height: calc(1110px * 658 / 1400);
	}
}
@media screen and (min-width: 1111px) {
	#artrooms {
		padding-bottom: calc(100vw * 77 / 1400);
		margin-bottom: calc(100vw * -253 / 1400);
	}
	#artrooms .-ti01 {
		padding: calc(100vw * 74 / 1400) 0 calc(100vw * 145 / 1400) calc(100vw * 750 / 1400);
	}
	#artrooms .-bg01 .-ti::before {
		width: calc(100vw * 770 / 1400);
		height: calc(100vw * 35 / 1400);
		animation-name: anim-scroll-tx1_b;
	}
	#artrooms .-bg01 .-tx01 {
		height: calc(100vw * 38 / 1400);
	}
	#artrooms .-bg01 .-tx01::after {
		height: calc(100vw * 38 / 1400);
		animation-name: anim-scroll-tx2_b;
	}
	#artrooms .-bg01 .-ti img {
		width: calc(100vw * 704 / 1400);
	}
	#artrooms .-tx02 {
		width: calc(100vw * 144 / 1400);
		top: calc(100vw * 225 / 1400);
	}
	.artists-swiper-scrollbar {
    width: calc(100vw * 700 / 1400);
		margin-top: calc(100vw * 39 / 1400);
	}
	#artrooms .sec-block .-btn {
		margin-top: calc(100vw * 68 / 1400);
		margin-left: calc(100vw * 294 / 1400);
	}
	#artrooms .sec-block .-btn a {
		font-size: calc(100vw * 28 / 1400);
		width: calc(100vw * 222 / 1400);
		height: calc(100vw * 222 / 1400);
	}
	#artrooms .-artistList {
			width: calc(100vw * 1967 / 1400);
		min-width: 100vw;
			padding-left: calc(100vw * 100 / 1400);
	}
	#artrooms .-artistList:nth-child(1) {
		width: calc(100vw * 1606 / 1400);
			padding-left: calc(100vw * 330 / 1400);
	}
	#artrooms .-artistList:last-child {
		width: calc(100vw * 2010 / 1400);
	}
	#artrooms .-artistList img {
			height: calc(100vw * 658 / 1400);
	}
}
@media screen and (min-width: 1400px) {
	#artrooms .-tx02 {
		width: 144px;
		top: 225px;
	}
	#artrooms .-artistList {
			width: 1967px;
			/*padding-left: 100px;*/
	}
	#artrooms .-artistList:nth-child(1) {
		width: 1606px;
		width: calc(1226px + calc(100vw * 380 / 1400));
			/*padding-left: 330px;*/
	}
	#artrooms .-artistList:last-child {
		width: 2010px;
	}
	#artrooms .-artistList img {
		height: 658px;
	}
}
@media screen and (max-width:787px) {
	#artrooms {
		padding-bottom: 270px;
		padding-bottom: calc(100vw * 270 / 750);
		margin-bottom: -138px;
		margin-bottom: calc(100vw * -138 / 750);
	}
	#artrooms .-ti01 {
		padding: 170px 0 130px;
		padding: calc(100vw * 170 / 750) 0 calc(100vw * 130 / 750);
		text-align: center;
	}
	#artrooms .-ti01.mobile {
		position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
	}
	#artrooms .-ti {
		padding: 1.5em 8%;
	}
	#artrooms .-bg01 .-ti::before {
		width: 220px;
		width: calc(100vw * 220 / 750);
		top: 50%;
		height: 35px;
		height: calc(100vw * 35 / 750);
		background-image: url("../img/artist_title02_2.png");
		animation-name: anim-scroll-tx1_s;
	}
	#artrooms .-bg01 .-tx01 {
		height: 38px;
		height: calc(100vw * 38 / 750);
	}
	#artrooms .-bg01 .-tx01::after {
		height: 38px;
		height: calc(100vw * 38 / 750);
		background-image: url("../img/artist_title02_3.png");
		animation-name: anim-scroll-tx2_s;
	}
	#artrooms .-bg01 .-ti img {
		width: 560px;
		width: calc(100vw * 560 / 750);
	}
	#artrooms .-tx01 {
	}
	#artrooms .-tx02 {
		width: calc(100vw * 140 / 750);
		width: 70px;
		top: calc(100vw * 700 / 750);
		top: 350px;
		left: 0;
		z-index: 1;
	}
	#artrooms .swiper-free-mode > .swiper-wrapper::before {
		content: "";
    width: calc(100vw * 54 / 750);
	    width: 27px;
	height: 100%;
  background: url("../img/icon_arrow02.svg") 50% 50% no-repeat;
	background-size: 100% auto;
	position: absolute;
	left: calc(100vw * 10 / 750);
	left: 5px;
	top: 0;
  animation: anim-arrow 4s ease-in infinite alternate;
	}
	.swiper-artists .artists-swiper-button {
		display: none;
	}
	.artists-swiper-scrollbar {
		height: 3px;
    width: 600px;
    width: calc(100vw * 600 / 750);
		margin-top: 60px;
		margin-top: calc(100vw * 60 / 750);
	}
	#artrooms .sec-block .-btn {
		margin-top: 110px;
		margin-top: calc(100vw * 110 / 750);
		margin-left: 244px;
		margin-left: calc(100vw * 244 / 750);
	}
	#artrooms .-artistList {
		width: calc(100vw * 2720 / 750);
		width: 1360px;
		height: 910px;
		height: calc(100vw * 910 / 750);
		height: 455px;
			padding-left: 92px;
			padding-left: calc(100vw * 92 / 750);
			padding-left: 46px;
	}
	#artrooms .-artistList:nth-child(1) {
		width: 950px;
	}
	#artrooms .-artistList img {
			height: 910px;
			height: calc(100vw * 910 / 750);
		height: 455px;
	}
}
/* guestrooms */
#guestrooms {
	background: 0 0 no-repeat;
	background-size: 100% auto;
	position: relative;
	overflow: hidden;
}
#guestrooms .-ti {
	z-index: 2;
}
#guestrooms .sec-block {
	position: initial;
}
#guestrooms .c-bg span[class^="-bgimg"]{
	background: 0 0 no-repeat;
	background-size: contain;
	position: absolute;
	animation: 15s anime-bgimg1 ease-in-out infinite forwards;
}
#guestrooms .c-bg .-bg03 span[class^="-bgimg"]{
	animation-name: anime-bgimg2;
}
@media print, screen and (min-width:788px) {
	#guestrooms {
		padding-bottom: 180px;
		padding-bottom: calc(1110px * 180 / 1400);
	}
	#guestrooms .-ti01 {
		padding: 505px 0 225px 407px;
		padding: calc(1110px * 505 / 1400) 0 calc(1110px * 225 / 1400) calc(1110px * 407 / 1400);
	}
	#guestrooms .-ti {
		width: 100%;
		top: 1px;
		top: calc(1110px * 1 / 1400);
		right: 0;
	}
	#guestrooms .c-bg .-bg01 {
		width: 204px;
		width: calc(1110px * 204 / 1400);
		height: 528px;
		height: calc(1110px * 528 / 1400);
		top: 435px;
		top: calc(1110px * 435 / 1400);
		top: calc(var(--100vw) * 435 / 1400);
		left: 85px;
		left: calc(1110px * 85 / 1400);
		transform: skewY(-19.5deg);
		overflow: hidden;
		z-index: 2;
	}
		#guestrooms .c-bg .-bg01::before{
			content: "";
		width: 100%;
		height: 100%;
		display: block;
		transform: skewY(19.5deg) translateY(-185px);
			position: absolute;
			background: url("../img/guest_bg01.png") 0 0 no-repeat;
			background-size: contain;
	}
	#guestrooms .c-bg .-bg01.is-inview::before{
		background-image: url("../img/guest_bg01_on.png") ;
	}
	#guestrooms .c-bg .-bg01 img,
	#guestrooms .c-bg .-bg01 svg {
		transform: skewY(19.5deg) translateY(-185px);
	}
	#guestrooms .c-bg .-bg02 {
		width: 419px;
		width: calc(1110px * 419 / 1400);
		height: 647px;
		height: calc(1110px * 647 / 1400);
		top: 1013px;
		top: calc(1110px * 1013 / 1400);
		left: 0;
	}
	#guestrooms .c-bg .-bg03 {
		width: 424px;
		width: calc(1110px * 424 / 1400);
		height: 611px;
		height: calc(1110px * 611 / 1400);
		top: 1361px;
		top: calc(1110px * 1361 / 1400);
		right: 15px;
		right: calc(1110px * 15 / 1400);
	}
	#guestrooms .c-bg span[class^="-bgimg"]{
		width: calc(1110px * 440 / 1400);
		height: calc(1110px * 124 / 1400);
	}
	#guestrooms .c-bg span.-bgimg01 {
		background-image: url("../img/guest_bg01_pc.png");
		top: 0;
		left: calc(1110px * -182 / 1400);
	}
	#guestrooms .c-bg span.-bgimg02 {
		background-image: url("../img/guest_bg02_pc.png");
		top: calc(1110px * 129 / 1400);
		left: calc(1110px * -285 / 1400);
		animation-delay: .2s;
	}
	#guestrooms .c-bg span.-bgimg03 {
		background-image: url("../img/guest_bg03_pc.png");
		top: calc(1110px * 396 / 1400);
		left: calc(1110px * -18 / 1400);
		animation-delay: .4s;
	}
	#guestrooms .c-bg span.-bgimg04 {
		background-image: url("../img/guest_bg04_pc.png");
		top: calc(1110px * 525 / 1400);
		left: calc(1110px * -169 / 1400);
		animation-delay: .6s;
	}
	#guestrooms .c-bg span.-bgimg07 {
		background-image: url("../img/guest_bg07_pc.png");
		width: calc(1110px * 168 / 1400);
		height: calc(1110px * 441 / 1400);
		top: 0;
		left: calc(1110px * 229 / 1400);
		animation-delay: 7.1s;
	}
	#guestrooms .c-bg span.-bgimg08 {
		background-image: url("../img/guest_bg08_pc.png");
		width: calc(1110px * 168 / 1400);
		height: calc(1110px * 367 / 1400);
		top: calc(1110px * 68 / 1400);
		left: calc(1110px * 144 / 1400);
		mix-blend-mode: multiply;
		animation-delay: 7.3s;
		border-radius: 9999em;
		overflow: hidden;
	}
	#guestrooms .c-bg span.-bgimg08::before {
		content: "";
		background-color: #fff;
		width: 100%;
		height: 100%;
		mix-blend-mode: multiply;
		display: block;
	}
	#guestrooms .c-bg span.-bgimg09 {
		background-image: url("../img/guest_bg09_pc.png");
		width: calc(1110px * 167 / 1400);
		height: calc(1110px * 350 / 1400);
		top: calc(1110px * 224 / 1400);
		left: calc(1110px * 258 / 1400);
		animation-delay: 7.5s;
	}
	#guestrooms .c-bg span.-bgimg10 {
		background-image: url("../img/guest_bg10_pc.png");
		width: calc(1110px * 167 / 1400);
		height: calc(1110px * 440 / 1400);
		top: calc(1110px * 176 / 1400);
		left: 0;
		animation-delay: 7.7s;
	}
	#guestrooms .c-bg span.-bgimg11 {
		background-image: url("../img/guest_bg11_pc.png");
		width: calc(1110px * 329 / 1400);
		height: calc(1110px * 330 / 1400);
		top: calc(1110px * 222 / 1400);
		left: calc(1110px * 47 / 1400);
		animation: none;
	}
	#guestrooms .sec-block .-img01 {
		width: 644px;
		width: calc(1110px * 644 / 1400);
		margin-left: 200px;
		margin-left: calc(1110px * 200 / 1400);
		position: relative;
		z-index: 2;
	}
	#guestrooms .sec-block .-img02 {
		position: absolute;
		width: 652px;
		width: calc(1110px * 652 / 1400);
		top: 636px;
		top: calc(1110px * 636 / 1400);
		right: 29px;
		right: calc(1110px * 29 / 1400);
	}
	#guestrooms .sec-block .-btn {
		margin: 79px 0 0 322px;
		margin: calc(1110px * 79 / 1400) 0 0 calc(1110px * 322 / 1400);
	}
	#guestrooms .sec-block .-btn a {
		font-size: calc(1110px * 28 / 1400);
		width: calc(1110px * 400 / 1400);
		height: calc(1110px * 105 / 1400);
	}
}
@media screen and (min-width: 1111px) {
	#guestrooms {
		padding-bottom: calc(100vw * 180 / 1400);
	}
	#guestrooms .-ti01 {
		padding: calc(100vw * 505 / 1400) 0 calc(100vw * 225 / 1400) calc(100vw * 407 / 1400);
	}
	#guestrooms .-ti {
		top: calc(100vw * 1 / 1400);
	}
	#guestrooms .c-bg .-bg01 {
		width: calc(100vw * 204 / 1400);
		height: calc(100vw * 528 / 1400);
		top: calc(100vw * 435 / 1400);
		top: calc(var(--100vw) * 435 / 1400);
		left: calc(100vw * 85 / 1400);
	}
	#guestrooms .c-bg .-bg02 {
		width: calc(100vw * 419 / 1400);
		height: calc(100vw * 647 / 1400);
		top: calc(100vw * 1013 / 1400);
	}
	#guestrooms .c-bg .-bg03 {
		width: calc(100vw * 424 / 1400);
		height: calc(100vw * 611 / 1400);
		top: calc(100vw * 1361 / 1400);
		right: calc(100vw * 15 / 1400);
	}
	#guestrooms .c-bg span[class^="-bgimg"]{
		width: calc(100vw * 440 / 1400);
		height: calc(100vw * 124 / 1400);
	}
	#guestrooms .c-bg span.-bgimg01 {
		left: calc(100vw * -182 / 1400);
	}
	#guestrooms .c-bg span.-bgimg02 {
		top: calc(100vw * 129 / 1400);
		left: calc(100vw * -285 / 1400);
	}
	#guestrooms .c-bg span.-bgimg03 {
		top: calc(100vw * 396 / 1400);
		left: calc(100vw * -18 / 1400);
	}
	#guestrooms .c-bg span.-bgimg04 {
		top: calc(100vw * 525 / 1400);
		left: calc(100vw * -169 / 1400);
	}
	#guestrooms .c-bg span.-bgimg07 {
		width: calc(100vw * 168 / 1400);
		height: calc(100vw * 441 / 1400);
		left: calc(100vw * 229 / 1400);
	}
	#guestrooms .c-bg span.-bgimg08 {
		width: calc(100vw * 168 / 1400);
		height: calc(100vw * 367 / 1400);
		top: calc(100vw * 68 / 1400);
		left: calc(100vw * 144 / 1400);
	}
	#guestrooms .c-bg span.-bgimg08::before {
		content: "";
		background-color: #fff;
		width: 100%;
		height: 100%;
		mix-blend-mode: multiply;
		display: block;
	}
	#guestrooms .c-bg span.-bgimg09 {
		background-image: url("../img/guest_bg09_pc.png");
		width: calc(100vw * 167 / 1400);
		height: calc(100vw * 350 / 1400);
		top: calc(100vw * 224 / 1400);
		left: calc(100vw * 258 / 1400);
	}
	#guestrooms .c-bg span.-bgimg10 {
		background-image: url("../img/guest_bg10_pc.png");
		width: calc(100vw * 167 / 1400);
		height: calc(100vw * 440 / 1400);
		top: calc(100vw * 176 / 1400);
		left: 0;
	}
	#guestrooms .c-bg span.-bgimg11 {
		background-image: url("../img/guest_bg11_pc.png");
		width: calc(100vw * 329 / 1400);
		height: calc(100vw * 330 / 1400);
		top: calc(100vw * 222 / 1400);
		left: calc(100vw * 47 / 1400);
		animation: none;
	}
	#guestrooms .sec-block .-img01 {
		width: calc(100vw * 644 / 1400);
		margin-left: calc(100vw * 200 / 1400);
	}
	#guestrooms .sec-block .-img02 {
		width: calc(100vw * 652 / 1400);
		top: calc(100vw * 636 / 1400);
		right: calc(100vw * 29 / 1400);
	}
	#guestrooms .sec-block .-btn {
		margin: calc(100vw * 79 / 1400) 0 0 calc(100vw * 322 / 1400);
	}
	#guestrooms .sec-block .-btn a {
		font-size: calc(100vw * 28 / 1400);
		width: calc(100vw * 400 / 1400);
		height: calc(100vw * 105 / 1400);
	}
}
@media screen and (max-width:787px) {
	#guestrooms {
		padding-bottom: 486px;
		padding-bottom: calc(100vw * 486 / 750);
	}
	#guestrooms .-ti01 {
		padding: 450px 0 195px 245px;
		padding: calc(100vw * 450 / 750) 0 calc(100vw * 195 / 750) calc(100vw * 245 / 750);
	}
	#guestrooms .-ti {
		width:100%;
		top: 1px;
		top: calc(100vw * 1 / 750);
		right: 0;
	}
	#guestrooms .c-bg .-bg01 {
		width: 174px;
		width: calc(100vw * 174 / 750);
		height: 500px;
		height: calc(100vw * 500 / 750);
		top: 244px;
		top: calc(100vw * 244 / 750);
		left: 39px;
		left: calc(100vw * 39 / 750);
		overflow: hidden;
		z-index: 2;
	}
		#guestrooms .c-bg .-bg01::before{
			content: "";
		width: 100%;
		height: 100%;
		display: block;
			position: absolute;
			background: url("../img/guest_bg01.png") 0 0 no-repeat;
			background-size: contain;
	}
	#guestrooms .c-bg .-bg01.is-inview::before{
		background-image: url("../img/guest_bg01_on.png") ;
	}
	#guestrooms .c-bg .-bg01 img,
	#guestrooms .c-bg .-bg01 svg {
		transform: skewY(19.5deg);
	}
	#guestrooms .c-bg .-bg02 {
		width: 100%;
		height: calc(100vw * 780 / 750);
		top: calc(100vw * 814 / 750);
		left: 0;
		z-index: 0;
	}
	#guestrooms .c-bg .-bg03 {
		width: 100%;
		height: calc(100vw * 852 / 750);
		bottom: calc(100vw * 93 / 750);
		left: 0;
	}
	#guestrooms .c-bg span[class^="-bgimg"]{
		width: calc(100vw * 439 / 750);
		height: calc(100vw * 123 / 750);
	}
	#guestrooms .c-bg span.-bgimg01 {
		background-image: url("../img/guest_bg01_sp.png");
		top: 0px;
		left: calc(100vw * 584 / 750);
	}
	#guestrooms .c-bg span.-bgimg02 {
		background-image: url("../img/guest_bg02_sp.png");
		top: calc(100vw * 130 / 750);
		left: calc(100vw * 310 / 750);
		animation-delay: .2s;
	}
	#guestrooms .c-bg span.-bgimg03 {
		background-image: url("../img/guest_bg03_sp.png");
		top: calc(100vw * 380 / 750);
		left: calc(100vw * 570 / 750);
		animation-delay: .4s;
	}
	#guestrooms .c-bg span.-bgimg04 {
		background-image: url("../img/guest_bg04_sp.png");
		top: calc(100vw * 383 / 750);
		left: calc(100vw * -314 / 750);
		animation-delay: .6s;
	}
	#guestrooms .c-bg span.-bgimg05 {
		background-image: url("../img/guest_bg05_sp.png");
		top: calc(100vw * 514 / 750);
		left: calc(100vw * -325 / 750);
		animation-delay: .8s;
	}
	#guestrooms .c-bg span.-bgimg06 {
		background-image: url("../img/guest_bg06_sp.png");
		top: calc(100vw * 658 / 750);
		left: calc(100vw * -197 / 750);
		animation-delay: 1s;
	}
	#guestrooms .c-bg span.-bgimg07 {
		background-image: url("../img/guest_bg07_sp.png");
		width: calc(100vw * 153 / 750);
		height: calc(100vw * 402 / 750);
		top: calc(100vw * 0 / 750);
		left: calc(100vw * 45 / 750);
		animation-delay: 7.1s;
	}
	#guestrooms .c-bg span.-bgimg08 {
		background-image: url("../img/guest_bg08_sp.png");
		width: calc(100vw * 153 / 750);
		height: calc(100vw * 321 / 750);
		top: calc(100vw * 210 / 750);
		left: calc(100vw * 92 / 750);
		animation-delay: 7.3s;
	}
	#guestrooms .c-bg span.-bgimg09 {
		background-image: url("../img/guest_bg09_sp.png");
		width: calc(100vw * 153 / 750);
		height: calc(100vw * 335 / 750);
		top: calc(100vw * 90 / 750);
		left: calc(100vw * -58 / 750);
		mix-blend-mode: multiply;
		animation-delay: 7.5s;
		border-radius: 9999em;
		overflow: hidden;
	}
	#guestrooms .c-bg span.-bgimg09::before {
		content: "";
		background-color: #00dcdc;
		width: 100%;
		height: 100%;
		mix-blend-mode: multiply;
		display: block;
	}
	#guestrooms .c-bg span.-bgimg10 {
		background-image: url("../img/guest_bg10_sp.png");
		width: calc(100vw * 138 / 750);
		height: calc(100vw * 314 / 750);
		top: calc(100vw * 540 / 750);
		left: calc(100vw * 483 / 750);
		animation-delay: 7.7s;
	}
	#guestrooms .c-bg span.-bgimg11 {
		background-image: url("../img/guest_bg11_sp.png");
		width: calc(100vw * 256 / 750);
		height: calc(100vw * 256 / 750);
		top: calc(100vw * 471 / 750);
		left: calc(100vw * 471 / 750);
		animation: none;
	}
	#guestrooms .sec-block .-img01 {
		width: 559px;
		width: calc(100vw * 559 / 750);
		margin-left: 28px;
		margin-left: calc(100vw * 28 / 750);
		position: relative;
		z-index: 2;
	}
	#guestrooms .sec-block .-img02 {
		width: 548px;
		width: calc(100vw * 548 / 750);
		margin: 50px 0 0 auto;
		margin: calc(100vw * 50 / 750) 0 0 auto;
		z-index: 2;
		position: relative;
	}
	#guestrooms .sec-block .-btn {
		margin: 77px auto 0;
		margin: calc(100vw * 77 / 750) auto 0;
	}
}
@keyframes anime-bgimg1 {
  0%,30%,66%,100%{
	transform: translateX(0);
  }
  33%,45%,57%{
	transform: translateX(-3%);
  }
  39%,51%,63%{
	transform: translateX(3%);
  }
}
@keyframes anime-bgimg2 {
  0%,30%,66%,100%{
	transform: translateY(0);
  }
  33%,45%,57%{
	transform: translateY(-3%);
  }
  39%,51%,63%{
	transform: translateY(3%);
  }
}
/* jam17 */
#jam17 {
	background: #000000;
	position: relative;
}
#jam17 .-ti {
	background: #00dcdc;
	overflow: hidden;
}
#jam17 .-ti img {
	transform: translateY(100%);
	transition: .3s transform cubic-bezier(0.43, 0.05, 0.17, 1);
}
#jam17 .-ti.is-inview img {
	transform: translateY(0%);
}
#jam17 .sec-block {
	background: 0 0 no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
#jam17 .sec-block .-tx01 {
	position: relative;
	z-index: 2;
}
#jam17 .sec-block .-btn {
	position: relative;
	z-index: 2;
}
#jam17 .sec-block .-btn a{
	border: 1px solid #ff28c7;
	background: none;
}
#jam17 .sec-block .-btn a[target="_blank"]::after {
	position: initial;
	margin-left: .5em;
	margin-top: -.2em;
}
@media print, screen and (min-width:788px) {
	#jam17 .-ti01 {
		padding: 250px 0 90px 883px;
		padding: calc(1110px * 250 / 1400) 0 calc(1110px * 90 / 1400) calc(1110px * 883 / 1400);
	}
	#jam17 .-ti {
		width: 100%;
		top: -1px;
		left: 0;
		padding: 16px 0 0 25px;
		padding: calc(1110px * 16 / 1400) 0 0 calc(1110px * 25 / 1400);
		text-align: left;
	}
	#jam17 .-ti img {
		width: 859px;
		width: calc(1110px * 859 / 1400);
		margin-bottom: -3px;
		margin-bottom: calc(1110px * -3 / 1400);
	}
	#jam17 .sec-block {
		min-height: 1051px;
		min-height: calc(1110px * 1051 / 1400);
		display: flex;
		justify-content: center;
		padding: 230px 0 0 0;
		padding: calc(1110px * 230 / 1400) 0 0 0;
		position: relative;
	}
	#jam17 .c-bg .-bg01 {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-image: url(../img/rest_im01.jpg);
		background-size: cover;
		display: block;
		z-index: 1;
	}
	#jam17 .sec-block .-tx01 {
		width: 672px;
		width: calc(1110px * 672 / 1400);
		min-width: calc(1110px * 672 / 1400);
		    margin: 0 0 0 auto;
	}
	#jam17 .sec-block .-btn {
		margin-top: 114px;
		margin-top: calc(1110px * 114 / 1400);
		margin-left: 99px;
		margin-left: calc(1110px * 99 / 1400);
	}
	#jam17 .sec-block .-btn a{
		font-size: calc(1110px * 28 / 1400);
		width: 320px;
		width: calc(1110px * 320 / 1400);
		height: 116px;
		height: calc(1110px * 116 / 1400);
	}
}
@media screen and (min-width: 1111px) {
	#jam17 .-ti01 {
		padding: calc(100vw * 250 / 1400) 0 calc(100vw * 90 / 1400) calc(100vw * 883 / 1400);
	}
	#jam17 .-ti {
		padding: calc(100vw * 16 / 1400) 0 0 calc(100vw * 25 / 1400);
	}
	#jam17 .-ti img {
		width: calc(100vw * 859 / 1400);
		margin-bottom: calc(100vw * -3 / 1400);
	}
	#jam17 .sec-block {
		min-height: calc(100vw * 1051 / 1400);
		padding: calc(100vw * 230 / 1400) 0 0 0;
	}
	#jam17 .sec-block .-tx01 {
		width: calc(100vw * 672 / 1400);
	}
	#jam17 .sec-block .-btn {
		margin-top: calc(100vw * 114 / 1400);
		margin-left: calc(100vw * 99 / 1400);
	}
	#jam17 .sec-block .-btn a{
		font-size: calc(100vw * 28 / 1400);
		width: calc(100vw * 320 / 1400);
		height: calc(100vw * 116 / 1400);
	}
}
@media screen and (max-width:787px) {
	#jam17 {
	}
	#jam17 .-ti01 {
		padding: 208px 0 116px 290px;
		padding: calc(100vw * 208 / 750) 0 calc(100vw * 116 / 750) calc(100vw * 290 / 750);
	}
	#jam17 .-ti {
		width: 100%;
		top: -1px;
		left: 0;
		padding: 6px 0 0 14px;
		padding: calc(100vw * 6 / 750) 0 0 calc(100vw * 14 / 750);
		text-align: left;
	}
	#jam17 .-ti img {
		width: 724px;
		width: calc(100vw * 724 / 750);
		margin-bottom: -2px;
		margin-bottom: calc(100vw * -2 / 750);
	}
	#jam17 .sec-block {
		min-height: 1078px;
		min-height: calc(100vw * 1078 / 750);
		padding: 226px 0 0 0;
		padding: calc(100vw * 226 / 750) 0 0 0;
	}
	#jam17 .c-bg .-bg01 {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-image: url(../img/rest_im01_sp.jpg);
		background-size: cover;
		display: block;
		z-index: 1;
	}
	#jam17 .sec-block .-tx01 {
		width: 542px;
		width: calc(100vw * 542 / 750);
		margin: 0 auto;
	}
	#jam17 .sec-block .-btn {
		margin: calc(100vw * 128 / 750) auto 0;
	}
	#jam17 .sec-block .-btn a{
		width: calc(100vw * 408 / 750);
		height: calc(100vw * 110 / 750);
	}
}
/* groovestore */
#groovestore {
	background: #ff911d;
	position: relative;
	overflow: hidden;
}
#groovestore .sec-store {
	position: relative;
}
#groovestore .sec-store .-storeTi {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-size: 30px;
	color: #ffef00;
	height: 1em;
	line-height: 1;
	overflow: hidden;
	text-align: right;
	margin-top: .5em;
	position: absolute;
	right: 1.5em;
	top: 100%;
}
#groovestore .sec-store .-storeTi span {
    transition: .1 transform ease-in, .1s color ease-in;
	transform: translateX(100%);
	display: block;
}
#groovestore .sec-store .-storeTi span{
	transform: translateX(0%);
	transition: .3s transform ease-in, .1s color ease-in;
}
#groovestore .sec-store .swiper-slide-active .-storeTi{
	color: #008cbe;
	transition-delay: .2s;
}
#groovestore .sec-store figure img {
	border-top-left-radius: 5em;
	border-bottom-right-radius: 5em;
}
#groovestore .sec-store .swiper {
	overflow: visible;
	margin: 0 auto 0 0;
}
#groovestore .store-swiper-button {
	position: absolute;
	white-space: nowrap;
	height: 30px;
	padding: 0 30px;
}
#groovestore .sec-store .swiper-button-next, #groovestore .sec-store .swiper-button-prev {
	background: url("../img/icon_arrow02_black.svg") 50% 50% no-repeat;
	background-size: contain;
	width: 15px;
	height: 22px;
	opacity: .7;
	left: 0;
	margin-top: -15px;
}
#groovestore .sec-store .swiper-button-next {
	transform: rotate(180deg);
	left: auto;
	right: 0;
}
#groovestore .sec-store .swiper-button-next:after, #groovestore .sec-store .swiper-button-prev:after {
	display: none;
}
#groovestore .sec-store .swiper-button-next.swiper-button-disabled, #groovestore .sec-store .swiper-button-prev.swiper-button-disabled {
	opacity: .3;
}
#groovestore .sec-store .swiper-pagination {
	line-height: 1;
	bottom: 0;
	position: relative;
}
#groovestore .sec-store .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: #ffffff;
	margin: 0 4px;
	opacity: 1;
}
#groovestore .sec-store .swiper-pagination-bullet-active {
	background: #fff000;
}
#groovestore .sec-store .swiper-slide {
	transform: scale(.57);
  transition: .5s all ease;
}
#groovestore .sec-store .swiper-slide-duplicate-active,
#groovestore .sec-store .swiper-slide-active {
	transform: scale(1);
  z-index: 1;
}
#groovestore .sec-store .swiper-slide-active {
	margin-right: -12.5%;
}
#groovestore .sec-store .swiper-slide-active:not(.swiper-slide-duplicate) + .swiper-slide,
#groovestore .sec-store .swiper-slide-active.swiper-slide-duplicate + .swiper-slide-duplicate,
#groovestore .sec-store .swiper-slide-active:not(.swiper-slide-duplicate) + .swiper-slide + .swiper-slide,
#groovestore .sec-store .swiper-slide-active:not(.swiper-slide-duplicate) + .swiper-slide + .swiper-slide + .swiper-slide {
	margin-right: -40%;
}
#groovestore .-btn.-btn02 a::before{
	background-image: url(../img/artist_btn01_yellow.png);
	mix-blend-mode: normal;
}
#groovestore .-btn.-btn02 a .btn-more {
	transition: .2s all ease-in;
}
#groovestore .-btn.-btn02 a:hover svg {
	position: relative;
	z-index: 3;
}
#groovestore .-btn.-btn02 a:hover .btn-more {
	fill:#008cbe;
}
#groovestore .c-bg div[class^="c-bg-block_item -bgimg"]{
	background: 0 0 no-repeat;
	background-size: cover;
	position: absolute;
}
#groovestore .c-bg div.-bgimg01 {
	background-image: url("../img/groovestore_bg01.png");
}
#groovestore .c-bg div.-bgimg02 {
	background-image: url("../img/groovestore_bg02.png");
}
#groovestore .c-bg div.-bgimg03 {
	background-image: url("../img/groovestore_bg03.png");
}
#groovestore .c-bg div.-bgimg04 {
	background-image: url("../img/groovestore_bg04.png");
}
#groovestore .c-bg div.-bgimg05 {
	background-image: url("../img/groovestore_bg05.png");
}
#groovestore .c-bg div.-bgimg06 {
	background-image: url("../img/groovestore_bg06.png");
}
#groovestore .c-bg div.-bgimg07 {
	background-image: url("../img/groovestore_bg07.png");
	z-index: 1;
}
#groovestore .c-bg div.-bgimg08 {
	background-image: url("../img/groovestore_bg08.png");
}

@media print, screen and (min-width:788px) {
	#groovestore {
		padding: 244px 0 370px;
		padding: calc(1110px * 244 / 1400) 0 calc(1110px * 370 / 1400);
	}
	#groovestore .-ti01 {
		padding: 0 0 0 545px;
		padding: 0 0 0 calc(1110px * 545 / 1400);
	}
	#groovestore .-ti {
		width: 781px;
		bottom: 85px;
		left: 33px;
		width: calc(1110px * 781 / 1400);
		bottom: calc(1110px * 85 / 1400);
		left: calc(1110px * 33 / 1400);
	}
	#groovestore .c-bg div.-bgimg01 {
		width: calc(1110px * 421 / 1400);
		height: calc(1110px * 422 / 1400);
		top: calc(1110px * -29 / 1400);
		left: calc(1110px * -104 / 1400);
	}
	#groovestore .c-bg div.-bgimg02 {
		width: calc(1110px * 290 / 1400);
		height: calc(1110px * 290 / 1400);
		top: calc(1110px * -98 / 1400);
		left: calc(1110px * 185 / 1400);
	}
	#groovestore .c-bg div.-bgimg03 {
		width: calc(1110px * 210 / 1400);
		height: calc(1110px * 208 / 1400);
		top: calc(1110px * 88 / 1400);
		left: calc(1110px * 359 / 1400);
	}
	#groovestore .c-bg div.-bgimg04 {
		width: calc(100% * 234 / 1400);
		height: calc(1110px * 234 / 1400);
		top: calc(1110px * 198 / 1400);
		right: calc(1110px * 327 / 1400);
		z-index: 1;
	}
	#groovestore .c-bg div.-bgimg05 {
		width: calc(100% * 451 / 1400);
		height: calc(1110px * 164 / 1400);
		top: calc(1110px * 69 / 1400);
		right: calc(1110px * -230 / 1400);
		z-index: 1;
	}
	#groovestore .c-bg div.-bgimg06 {
		width: calc(100% * 881 / 1400);
		height: calc(1110px * 288 / 1400);
		top: calc(1110px * 115 / 1400);
		right: calc(1110px * -481 / 1400);
	}
	#groovestore .c-bg div.-bgimg07 {
		width: calc(100% * 896 / 1400);
		height: calc(1110px * 314 / 1400);
		bottom: calc(1110px * 34 / 1400);
		left: calc(1110px * -37 / 1400);
	}
	#groovestore .c-bg div.-bgimg08 {
		width: calc(100% * 896 / 1400);
		height: calc(1110px * 304 / 1400);
		bottom: 0;
		left: calc(1110px * -65 / 1400);
	}
	#groovestore .sec-store .swiper-wrapper {
		padding: calc(1110px * 168 / 1400) 0 calc(1110px * 155 / 1400);
	}
	#groovestore .sec-store .swiper {
		width: calc(1110px * 747 / 1400);
		margin: 0 auto 0 calc(1110px * 74 / 1400)
	}
	#groovestore .sec-store .-storeTi {
		font-size: calc(1110px * 30 / 1400);
	}
	#groovestore .store-swiper-button {
		top: calc(1110px * 610 / 1400);
		left: calc(1110px * 887 / 1400);
	}
	#groovestore .-btn {
		position: absolute;
		right: 198px;
		right: calc(1110px * 198 / 1400);
		bottom: 268px;
		bottom: calc(1110px * 268 / 1400);
	}
}
@media screen and (min-width: 1111px) {
	#groovestore {
		padding: calc(100vw * 244 / 1400) 0 calc(100vw * 370 / 1400);
	}
	#groovestore .-ti01 {
		padding: 0 0 0 calc(100vw * 545 / 1400);
	}
	#groovestore .-ti {
		width: calc(100vw * 781 / 1400);
		bottom: calc(100vw * 85 / 1400);
		left: calc(100vw * 33 / 1400);
	}
	#groovestore .c-bg div.-bgimg01 {
		width: calc(100vw * 421 / 1400);
		height: calc(100vw * 422 / 1400);
		top: calc(100vw * -29 / 1400);
		left: calc(100vw * -104 / 1400);
	}
	#groovestore .c-bg div.-bgimg02 {
		width: calc(100vw * 290 / 1400);
		height: calc(100vw * 290 / 1400);
		top: calc(100vw * -98 / 1400);
		left: calc(100vw * 185 / 1400);
	}
	#groovestore .c-bg div.-bgimg03 {
		width: calc(100vw * 210 / 1400);
		height: calc(100vw * 208 / 1400);
		top: calc(100vw * 88 / 1400);
		left: calc(100vw * 359 / 1400);
	}
	#groovestore .c-bg div.-bgimg04 {
		width: calc(100% * 234 / 1400);
		height: calc(100vw * 234 / 1400);
		top: calc(100vw * 198 / 1400);
		right: calc(100vw * 327 / 1400);
	}
	#groovestore .c-bg div.-bgimg05 {
		width: calc(100% * 451 / 1400);
		height: calc(100vw * 164 / 1400);
		top: calc(100vw * 69 / 1400);
		right: calc(100vw * -230 / 1400);
	}
	#groovestore .c-bg div.-bgimg06 {
		width: calc(100% * 881 / 1400);
		height: calc(100vw * 288 / 1400);
		top: calc(100vw * 115 / 1400);
		right: calc(100vw * -481 / 1400);
	}
	#groovestore .c-bg div.-bgimg07 {
		width: calc(100% * 896 / 1400);
		height: calc(100vw * 314 / 1400);
		bottom: calc(100vw * 34 / 1400);
		left: calc(100vw * -37 / 1400);
	}
	#groovestore .c-bg div.-bgimg08 {
		width: calc(100% * 896 / 1400);
		height: calc(100vw * 304 / 1400);
		bottom: 0;
		left: calc(100vw * -65 / 1400);
	}
	#groovestore .sec-store .swiper-wrapper {
		padding: calc(100vw * 168 / 1400) 0 calc(100vw * 155 / 1400);
	}
	#groovestore .sec-store .swiper {
		width: calc(100vw * 747 / 1400);
		margin: 0 auto 0 calc(100vw * 74 / 1400)
	}
	#groovestore .sec-store .-storeTi {
		font-size: calc(100vw * 30 / 1400);
	}
	#groovestore .store-swiper-button {
		top: calc(100vw * 610 / 1400);
		left: calc(100vw * 887 / 1400);
	}
	#groovestore .-btn {
		right: calc(100vw * 198 / 1400);
		bottom: calc(100vw * 268 / 1400);
	}
}
@media screen and (max-width:787px) {
	#groovestore .sec-store .swiper-slide {
		transform: scale(.64);
	}
	#groovestore .sec-store .swiper-slide-duplicate-active,
	#groovestore .sec-store .swiper-slide-active {
		transform: scale(1);
	}
	#groovestore .sec-store .swiper-slide-active {
		margin-right: -9%;
	}
	#groovestore .sec-store .swiper-slide-active:not(.swiper-slide-duplicate) + .swiper-slide,
	#groovestore .sec-store .swiper-slide-active.swiper-slide-duplicate + .swiper-slide-duplicate,
	#groovestore .sec-store .swiper-slide-active:not(.swiper-slide-duplicate) + .swiper-slide + .swiper-slide,
	#groovestore .sec-store .swiper-slide-active:not(.swiper-slide-duplicate) + .swiper-slide + .swiper-slide + .swiper-slide {
		margin-right: -32%;
	}
	#groovestore {
		padding-bottom: calc(100vw * 154 / 750);
	}
	#groovestore .-ti01 {
		padding: calc(100vw * 400 / 750) 0 calc(100vw * 94 / 750);
		text-align: center;
	}
	#groovestore .-ti {
		width: calc(100vw * 621 / 750);
		bottom: calc(100vw * 539 / 750);
		left: calc(100vw * 13 / 750);
	}
	#groovestore .c-bg div.-bgimg01 {
		width: calc(100vw * 421 / 750);
		height: calc(100vw * 422 / 750);
		top: calc(100vw * -142 / 750);
		left: calc(100vw * -142 / 750);
	}
	#groovestore .c-bg div.-bgimg02 {
		width: calc(100vw * 288 / 750);
		height: calc(100vw * 288 / 750);
		top: calc(100vw * -201 / 750);
		left: calc(100vw * 166 / 750);
	}
	#groovestore .c-bg div.-bgimg03 {
		width: calc(100vw * 230 / 750);
		height: calc(100vw * 228 / 750);
		top: calc(100vw * 77 / 750);
		left: calc(100vw * 471 / 750);
	}
	#groovestore .c-bg div.-bgimg04 {
		width: calc(100vw * 224 / 750);
		height: calc(100vw * 224 / 750);
		top: calc(100vw * 111 / 750);
		right: calc(100vw * 272 / 750);
		z-index: 1;
	}
	#groovestore .c-bg div.-bgimg05 {
		width: calc(100vw * 632 / 750);
		height: calc(100vw * 231 / 750);
		top: calc(100vw * 0 / 750);
		right: calc(100vw * -420 / 750);
		z-index: 1;
	}
	#groovestore .c-bg div.-bgimg06 {
		width: calc(100vw * 875 / 750);
		height: calc(100vw * 392 / 750);
		top: calc(100vw * 65 / 750);
		right: calc(100vw * -500 / 750);
	}
	#groovestore .c-bg div.-bgimg07 {
		width: calc(100vw * 896 / 750);
		height: calc(100vw * 412 / 750);
		bottom: calc(100vw * 47 / 750);
		left: calc(100vw * -216 / 750);
	}
	#groovestore .c-bg div.-bgimg08 {
		width: calc(100vw * 896 / 750);
		height: calc(100vw * 304 / 750);
		bottom: 0;
		left: calc(100vw * -253 / 750);
	}
	#groovestore .sec-store .swiper-wrapper {
		padding: calc(100vw * 165 / 750) 0 calc(100vw * 186 / 750);
	}
	#groovestore .sec-store .swiper {
		width: calc(100vw * 610 / 750);
		margin: 0 auto 0 calc(100vw * 36 / 750)
	}
	#groovestore .sec-store .-storeTi {
		font-size: calc(100vw * 36 / 750);
		margin-top: .3em;
	}
	#groovestore .sec-store figure img {
		border-top-left-radius: 3.3em;
		border-bottom-right-radius: 3.3em;
	}
	#groovestore .store-swiper-button {
		width: calc(100vw * 610 / 750);
		top: calc(100vw * 910 / 750);
		left: 45%;
		transform: translateX(-50%);
		z-index: 5;
	}
	#groovestore .sec-store .swiper-button-next, #groovestore .sec-store .swiper-button-prev {
		display: none;
	}
	#groovestore .sec-store .swiper-pagination-bullet {
		width: 7px;
		height: 7px;
		margin: 0 4px;
	}
	#groovestore .sec-store .swiper-pagination-bullet-active {
		background: #008cbe;
	}
	#groovestore .-btn {
		margin-top: calc(100vw * 313 / 750);
	}
}
/* movie */
.movie-frame {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.movie-frame iframe,
.movie-frame video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
#movie {
	position: relative;
}
#movie .-ti {
	z-index: 2;
	mix-blend-mode: difference;
	transform: translateX(-130%);
	transition: .3s transform cubic-bezier(0.43, 0.05, 0.17, 1);
}
#movie .-ti.is-inview  {
	transform: translateX(0%);
}
#movie .-ti01 {
	position: absolute;
	z-index: 3;
}
#movie .sec-block {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
#movie .sec-block::before {
	content: "";
	background: #005b5e;
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	left: 0;
	top: 0;
	opacity: .2;
	z-index: 2;
	pointer-events: none;
}
.icon-movie {
	background: url("../img/movie_arrow01.svg") 50% 50% no-repeat;
	background-size: contain;
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	pointer-events: none;
	z-index: 3;
}
.icon-movie::after {
	content: "";
	width: 100%;
	height: 100%;
	background: url("../img/movie_arrow02.svg") 50% 50% no-repeat;
	background-size: contain;
	position: absolute;
	display: block;
	left: 0%;
	top: 0%;
	pointer-events: none;
	z-index: 3;
	animation: 8s linear infinite rotation-l;
}
#movie .sec-block .movie_block {
	position: absolute;
}
@media print, screen and (min-width:788px) {
	#movie .-ti01 {
		top: 49px;
		left: 43px;
		top: calc(1110px * 49 / 1400);
		left: calc(1110px * 43 / 1400);
	}
	#movie .-ti {
		width: 178px;
		width: calc(1110px * 178 / 1400);
		top: calc(1110px * 16 / 1400);
		left: calc(1110px * 7 / 1400);
	}
	#movie .sec-block {
		height: 650px;
		height: calc(1110px * 650 / 1400);
		position: relative;
	}
	.icon-movie {
		width: calc(1110px * 159 / 1400);
		height: calc(1110px * 159 / 1400);
	}
	#movie .sec-block .movie_block {
		width: 101%;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50.5%);
	}
}
@media screen and (min-width: 1111px) {
	#movie .-ti01 {
		top: calc(100vw * 49 / 1400);
		left: calc(100vw * 43 / 1400);
	}
	#movie .-ti {
		width: calc(100vw * 178 / 1400);
		top: calc(100vw * 16 / 1400);
		left: calc(100vw * 7 / 1400);
	}
	#movie .sec-block {
		height: calc(100vw * 650 / 1400);
	}
	.icon-movie {
		width: calc(100vw * 159 / 1400);
		height: calc(100vw * 159 / 1400);
	}
}
@media screen and (max-width:787px) {
	#movie {
	}
	#movie .-ti01 {
		top: calc(100vw * 90 / 750);
		left: calc(100vw * 30 / 750);
	}
	#movie .-ti {
		width: calc(100vw * 149 / 750);
		top: calc(100vw * 20 / 750);
		left: calc(100vw * 12 / 750);
	}
	#movie .sec-block {
		height: 1078px;
		height: calc(100vw * 1000 / 750);
	}
	.icon-movie {
		width: calc(100vw * 245 / 750);
		height: calc(100vw * 245 / 750);
	}
	#movie .sec-block .movie-frame {
		padding-top: calc(100vw * 1000 / 750);
	}
	#movie .movie-frame iframe, #movie .movie-frame video {
		width: auto !important;
		min-height: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
}
/* groovemusic */
.groovemusic-access {
	position: relative;
	background: #64c83c;
}
.groovemusic-access::before {
	content: "";
	/*width: 0%;
	height: 0%;
	border: solid #fbeb3e 50vw;
	border-bottom-color: transparent;
	border-left-color: transparent;*/
	background: #fbeb3e;
	width: 100%;
	height: 100vw;
	height: var(--100vw);
	clip-path: polygon(0 0, 100% 100%, 100% 0%);
	position: absolute;
	display: block;
	z-index: 0;
}
#groovemusic .-img01 {
	border-radius: 50%;
	overflow: hidden;
}
#groovemusic .-btn.-btn02 a {
	background: #fff;
}
#groovemusic .-btn.-btn02 a::before{
	background: #f24cc1;
	mix-blend-mode: normal;
}
#groovemusic .-btn.-btn02 a .btn-more-black {
	transition: .2s all ease-in;
}
#groovemusic .-btn.-btn02 a:hover svg {
	position: relative;
	z-index: 3;
}
#groovemusic .-btn.-btn02 a:hover .btn-more-black {
	fill:#fff;
}
.groovemusic-access .c-bg-path div.-bgimg01:before,
.groovemusic-access .c-bg-path div.-bgimg02:before {
	content: "";
	background: 0 0 no-repeat;
	background-size: contain;
	width: 517px;
	height: 517px;
	position: absolute;
	transform: translate(-50%,-50%);
	left: 0;
	top: 0;
	display: block;
}
.groovemusic-access .c-bg-path div.-bgimg01:before {
	background-image: url("../img/groovemusic_bg01.png");
}
.groovemusic-access .c-bg-path div.-bgimg02:before {
	background-image: url("../img/groovemusic_bg02.png");
}
@media print, screen and (min-width:788px) {
	#groovemusic {
		margin-bottom: -149px;
		margin-bottom: calc(1110px * -149 / 1400);
	}
	#groovemusic .-ti01 {
		padding: 238px 0 50px 140px;
		padding: calc(1110px * 200 / 1400) 0 calc(1110px * 50 / 1400) calc(1110px * 237 / 1400);
	}
	#groovemusic .-ti {
		width: 710px;
		width: calc(1110px * 710 / 1400);
		top: 50px;
		top: calc(1110px * 50 / 1400);
		right: 25px;
		right: calc(1110px * 25 / 1400);
	}
	#groovemusic .-tx01 {
		width: 183px;
		width: calc(1110px * 183 / 1400);
		top: 461px;
		top: calc(1110px * 461 / 1400);
		right: 33px;
		right: calc(1110px * 33 / 1400);
	}
	#groovemusic .sec-block {
		width: 644px;
		width: calc(1110px * 644 / 1400);
		margin-left: 73px;
		margin-left: calc(1110px * 73 / 1400);
		position: relative;
		z-index: 5;
	}
	#groovemusic .-btn.-btn02 {
		position: absolute;
		right: 232px;
		right: calc(1110px* 232 / 1400);
		top: 643px;
		top: calc(1110px* 643 / 1400);
		margin: 0;
	}
	#groovemusic .-btn.-btn02 a {
		font-size: calc(1110px* 29 / 1400);
		width: calc(1110px* 208 / 1400);
		height: calc(1110px* 208 / 1400);
		position: absolute;
		transform: translate(-50%,-50%);
		left: 0;
		top: 0;
	}
	.groovemusic-access .c-bg-path {
		position: absolute;
		width: 100%;
		height: 100vw;
		height: var(--100vw);
		clip-path: polygon(0 0, 100% 100%, 100% 0%);
		z-index: 0;
		left: 0;
		top: 0;
	}
	.groovemusic-access .c-bg-path div.-bgimg01:before,
	.groovemusic-access .c-bg-path div.-bgimg02:before {
		width: 517px;
		height: 517px;
		width: calc(1110px* 517 / 1400);
		height: calc(1110px* 518 / 1400);
	}
	.groovemusic-access .c-bg-path div.-bgimg01 {
		right: 232px;
		right: calc(1110px* 232 / 1400);
		top: 643px;
		top: calc(1110px* 643 / 1400);
	}
	.groovemusic-access .c-bg-path div.-bgimg02 {
		right: 620px;
		right: calc(1110px* 620 / 1400);
		top: 643px;
		top: calc(1110px* 643 / 1400);
	}
}
@media screen and (min-width: 1111px) {
	#groovemusic {
		margin-bottom: calc(100vw * -149 / 1400);
	}
	#groovemusic .-ti01 {
		padding: calc(100vw * 238 / 1400) 0 calc(100vw * 50 / 1400) calc(100vw * 140 / 1400);
	}
	#groovemusic .-ti {
		width: calc(100vw * 710 / 1400);
		top: calc(100vw * 50 / 1400);
		right: calc(100vw * 25 / 1400);
	}
	#groovemusic .-tx01 {
		width: calc(100vw * 183 / 1400);
		top: calc(100vw * 461 / 1400);
		right: calc(100vw * 33 / 1400);
	}
	#groovemusic .sec-block {
		width: calc(100vw * 644 / 1400);
		margin-left: calc(100vw * 73 / 1400);
	}
	#groovemusic .-btn.-btn02 {
		right: calc(100vw* 232 / 1400);
		top: calc(100vw* 643 / 1400);
	}
	#groovemusic .-btn.-btn02 a {
		font-size: calc(100vw* 29 / 1400);
		width: calc(100vw* 208 / 1400);
		height: calc(100vw* 208 / 1400);
	}
	.groovemusic-access .c-bg-path div.-bgimg01:before,
	.groovemusic-access .c-bg-path div.-bgimg02:before {
		width: calc(100vw* 517 / 1400);
		height: calc(100vw* 518 / 1400);
	}
	.groovemusic-access .c-bg-path div.-bgimg01 {
		right: 232px;
		right: calc(100vw* 232 / 1400);
		top: 643px;
		top: calc(100vw* 643 / 1400);
	}
	.groovemusic-access .c-bg-path div.-bgimg02 {
		right: 620px;
		right: calc(100vw* 620 / 1400);
		top: 643px;
		top: calc(100vw* 643 / 1400);
	}
}
@media screen and (max-width:787px) {
	#groovemusic {
		height: calc(100vw * 1990 / 750);
		padding-bottom: 0;
		/*padding-bottom: 70px;
		padding-bottom: calc(100vw * 70 / 750);*/
	}
	#groovemusic::before {
		z-index: 0;
	}
	#groovemusic .-ti01 {
		padding: 376px 0 106px;
		padding: calc(100vw * 376 / 750) 0 calc(100vw * 106 / 750);
		text-align: center;
	}
	#groovemusic .-ti {
		width: 572px;
		width: calc(100vw * 572 / 750);
		top: 32px;
		top: calc(100vw * 32 / 750);
		right: 14px;
		right: calc(100vw * 14 / 750);
		z-index: 7;
	}
	#groovemusic .-tx01 {
		width: 145px;
		width: calc(100vw * 145 / 750);
		top: 390px;
		top: calc(100vw * 390 / 750);
		right: 16px;
		right: calc(100vw * 16 / 750);
	}
	#groovemusic .sec-block {
		margin: 0;
		position: relative;
		z-index: 5;
		overflow: hidden;
	}
	#groovemusic .-img01 {
		width: calc(100vw * 692 / 750);
		margin-left: 17.6%;
	}
	#groovemusic .-btn.-btn02 {
		position: absolute;
		margin: 0;
		right: calc(100vw* 260 / 750);
		top: calc(100vw* 1662 / 750);
	}
	#groovemusic .-btn.-btn02 a {
		font-size: calc(100vw* 36 / 750);
		width: calc(100vw* 254 / 750);
		height: calc(100vw* 254 / 750);
		position: absolute;
		transform: translate(-50%,-50%);
		left: 0;
		top: 0;
	}
	.groovemusic-access .c-bg-path div.-bgimg01:before,
	.groovemusic-access .c-bg-path div.-bgimg02:before {
		width: calc(100vw* 632 / 750);
		height: calc(100vw* 632 / 750);
	}
	.groovemusic-access .c-bg-path div.-bgimg01 {
		right: calc(100vw* 260 / 750);
		top: calc(100vw* 1662 / 750);
	}
	.groovemusic-access .c-bg-path div.-bgimg02 {
		right: calc(100vw* 589 / 750);
		top: calc(100vw* 1286 / 750);
	}
}
#groovemusic #groovemusic_title02 .groovemusic_title02_col2,
#groovemusic #groovemusic_title02 .groovemusic_title02_col3,
#groovemusic #groovemusic_title02 .groovemusic_title02_col4 {
  animation: anime-groovemusic1 3s linear infinite;
}
#groovemusic #groovemusic_title02 .groovemusic_title02_col2 {
	transform-origin: 67%;
}
#groovemusic #groovemusic_title02 .groovemusic_title02_col3 {
	transform-origin: 34%;
	animation-delay: .3s;
}
#groovemusic #groovemusic_title02 .groovemusic_title02_col4 {
	transform-origin: 86%;
	animation-delay: .6s;
}
@keyframes anime-groovemusic1 {
  0%,80%,100% {
  	transform: rotateY(0);
  }
  90% {
  	transform: rotateY(180deg);
  }
}
/* insta */
.insta-access {
	position: relative;
	background: #64c83c;
}
.insta-access::before {
	content: "";
	width: 0%;
	height: 0%;
	border: solid #fbeb3e 50vw;
	border-bottom-color: transparent;
	border-left-color: transparent;
	position: absolute;
	display: block;
	z-index: 0;
}
#insta .sec-block a {
	display: block;
}
@media print, screen and (min-width:788px) {
	#insta {
		margin-bottom: -149px;
		margin-bottom: calc(1110px * -149 / 1400);
	}
	#insta .-ti01 {
		padding: 200px 0 50px 237px;
		padding: calc(1110px * 200 / 1400) 0 calc(1110px * 50 / 1400) calc(1110px * 237 / 1400);
	}
	#insta .-ti {
		width: 676px;
		width: calc(1110px * 676 / 1400);
		top: 94px;
		top: calc(1110px * 94 / 1400);
		right: 30px;
		right: calc(1110px * 30 / 1400);
	}
	#insta .-tx01 {
		width: 183px;
		width: calc(1110px * 183 / 1400);
		top: 461px;
		top: calc(1110px * 461 / 1400);
		right: 33px;
		right: calc(1110px * 33 / 1400);
	}
	#insta .sec-block {
		width: 604px;
		width: calc(1110px * 604 / 1400);
		margin-left: 134px;
		margin-left: calc(1110px * 134 / 1400);
		position: relative;
		z-index: 5;
	}
}
@media screen and (min-width: 1111px) {
	#insta {
		margin-bottom: calc(100vw * -149 / 1400);
	}
	#insta .-ti01 {
		padding: calc(100vw * 200 / 1400) 0 calc(100vw * 50 / 1400) calc(100vw * 237 / 1400);
	}
	#insta .-ti {
		width: calc(100vw * 676 / 1400);
		top: calc(100vw * 94 / 1400);
		right: calc(100vw * 30 / 1400);
	}
	#insta .-tx01 {
		width: calc(100vw * 183 / 1400);
		top: calc(100vw * 461 / 1400);
		right: calc(100vw * 33 / 1400);
	}
	#insta .sec-block {
		width: calc(100vw * 604 / 1400);
		margin-left: calc(100vw * 134 / 1400);
	}
}
@media screen and (max-width:787px) {
	#insta {
		padding-bottom: 70px;
		padding-bottom: calc(100vw * 70 / 750);
	}
	#insta::before {
		z-index: 0;
	}
	#insta .-ti01 {
		padding: 435px 0 100px;
		padding: calc(100vw * 435 / 750) 0 calc(100vw * 100 / 750);
		text-align: center;
	}
	#insta .-ti {
		width: 585px;
		width: calc(100vw * 585 / 750);
		top: 60px;
		top: calc(100vw * 60 / 750);
		right: 13px;
		right: calc(100vw * 13 / 750);
		z-index: 7;
	}
	#insta .-tx01 {
		width: 145px;
		width: calc(100vw * 145 / 750);
		top: 390px;
		top: calc(100vw * 390 / 750);
		right: 16px;
		right: calc(100vw * 16 / 750);
	}
	#insta .sec-block {
		margin: 0 8.66%;
		position: relative;
		z-index: 5;
	}
}
#insta #insta_title02 .insta_title02_col2,
#insta #insta_title02 .insta_title02_col3,
#insta #insta_title02 .insta_title02_col4 {
  animation: anime-insta1 3s linear infinite;
}
#insta #insta_title02 .insta_title02_col2 {
	transform-origin: 67%;
}
#insta #insta_title02 .insta_title02_col3 {
	transform-origin: 34%;
	animation-delay: .3s;
}
#insta #insta_title02 .insta_title02_col4 {
	transform-origin: 86%;
	animation-delay: .6s;
}
@keyframes anime-insta1 {
  0%,80%,100% {
  	transform: rotateY(0);
  }
  90% {
  	transform: rotateY(180deg);
  }
}
/* access */
#access {
}
#access .-ti {
	z-index: 2;
}
#access .-ti img {
	transform: rotateY(0deg);
	animation: 9s anime-access_ti linear infinite forwards;
}
@keyframes anime-access_ti {
  0%,8%,100%{
	transform: rotateY(0deg);
  }
  4%{
	transform: rotateY(180deg);
  }
}
#access .sec-block {
	position: relative;
}
#access .sec-block .-img a {
	display: block;
}
#access .sec-block .-img .-btn {
	position: absolute;
	margin: 0;
	right: 0;
	bottom: 0;
	background: #000;
	border-radius: 50%;
	overflow: hidden;
}
@media print, screen and (min-width:788px) {
	#access {
		padding-bottom: 140px;
		padding-bottom: calc(1110px * 140 / 1400);
	}
	#access .-ti01 {
		padding: 118px 0 195px 890px;
		padding: calc(1110px * 118 / 1400) 0 calc(1110px * 195 / 1400) calc(1110px * 890 / 1400);
	}
	#access .-ti {
		width: 180px;
		width: calc(1110px * 180 / 1400);
		left: 20px;
		left: calc(1110px * 20 / 1400);
	}
	#access .sec-block {
		background: #0092c2 url("../img/access_bg01.png");
		background-size: cover;
		color: #fff;
		border-top-right-radius: 9999em;
		border-bottom-right-radius: 9999em;
		margin-right: 144px;
		margin-right: calc(1110px * 144 / 1400);
	}
	#access .sec-block .-img {
		width: 731px;
		width: calc(1110px * 731 / 1400);
		float: right;
		margin: -165px -144px 0 40px;
		margin: calc(1110px * -165 / 1400) calc(1110px * -144 / 1400) 0 calc(1110px * 40 / 1400);
	}
	#access .sec-block .-img .-btn {
		width: 135px;
		width: calc(1110px * 135 / 1400);
		right: 24px;
		right: calc(1110px * 24 / 1400);
		bottom: 66px;
		bottom: calc(1110px * 66 / 1400);
	}
	#access .sec-block .-text {
		font-size: 18px;
		font-size: calc(1110px * 18 / 1400);
		letter-spacing: normal;
		line-height: 1.88;
		text-align: right;
		padding: 50px 625px 50px 0;
		padding: calc(1110px * 50 / 1400) calc(1110px * 625 / 1400) calc(1110px * 50 / 1400) 0;
	}
	#access .sec-block .-text + .-btn {
		margin: 0 calc(1110px * 625 / 1400) 0 auto;
		padding-bottom: calc(1110px * 45 / 1400);
	}
}
@media screen and (min-width: 1111px) {
	#access {
		padding-bottom: calc(100vw * 140 / 1400);
	}
	#access .-ti01 {
		padding: calc(100vw * 118 / 1400) 0 calc(100vw * 195 / 1400) calc(100vw * 890 / 1400);
	}
	#access .-ti {
		width: calc(100vw * 180 / 1400);
		left: calc(100vw * 20 / 1400);
	}
	#access .sec-block {
		margin-right: calc(100vw * 144 / 1400);
	}
	#access .sec-block .-img {
		width: calc(100vw * 731 / 1400);
		margin: calc(100vw * -165 / 1400) calc(100vw * -144 / 1400) 0 calc(100vw * 40 / 1400);
	}
	#access .sec-block .-img .-btn {
		width: calc(100vw * 135 / 1400);
		right: calc(100vw * 24 / 1400);
		bottom: calc(100vw * 66 / 1400);
	}
	#access .sec-block .-text {
		font-size: calc(100vw * 18 / 1400);
		padding: calc(100vw * 50 / 1400) calc(100vw * 625 / 1400) calc(100vw * 50 / 1400) 0;
	}
	#access .sec-block .-text + .-btn {
		margin: 0 calc(100vw * 625 / 1400) 0 auto;
		padding-bottom: calc(100vw * 45 / 1400);
	}
}
@media screen and (max-width:787px) {
	#access {
		padding-bottom: 140px;
		padding-bottom: calc(100vw * 140 / 750);
	}
	#access .-ti01 {
		padding: 114px 0 60px;
		padding: calc(100vw * 114 / 750) 0 calc(100vw * 60 / 750);
		text-align: center;
	}
	#access .-ti {
		width: 158px;
		width: calc(100vw * 158 / 750);
		margin-top: 86px;
		margin-top: calc(100vw * 86 / 750);
		left: -.5%;
	}
	#access .sec-block {
		z-index: auto;
	}
	#access .sec-block .-img {
		width: 637px;
		width: calc(100vw * 637 / 750);
		margin: 0 0 40px auto;
		margin: 0 0 calc(100vw * 40 / 750) auto;
		position: relative;
		z-index: 2;
	}
	#access .sec-block .-img .-btn {
		width: calc(100vw * 135 / 750);
		right: calc(100vw * 30 / 750);
		bottom: calc(100vw * 55 / 750);
	}
	#access .sec-block .-text {
		background: #0092c2 url("../img/access_bg01.png");
		background-size: cover;
		color: #fff;
		border-top-right-radius: 9999em;
		border-bottom-right-radius: 9999em;
		letter-spacing: normal;
		line-height: 1.88;
		margin-right: 14px;
		margin-right: calc(100vw * 14 / 750);
		padding: 75px 0 75px 65px;
		padding: calc(100vw * 75 / 750) calc(100vw * 0 / 750) calc(100vw * 75 / 750) calc(100vw * 65 / 750);
	}
	#access .sec-block .-text + .-btn {
		margin-top: calc(100vw * 85 / 750);
	}
}
/* bgline */
#bgline {
	background: #f24cc1;
}
@media print, screen and (min-width:788px) {
	#bgline {
		padding-bottom: calc(1110px * 155 / 1400);
	}
}
@media screen and (min-width: 1111px) {
	#bgline {
		padding-bottom: calc(100vw * 155 / 1400);
	}
}
@media screen and (max-width:787px) {
	#bgline {
		padding-bottom: calc(100vw * 150 / 750);
	}
}
/* faq */
#faq {
	background: #f24cc1;
	    position: relative;
	overflow: hidden;
}
#faq .-ti img {
	opacity: .2;
	transition: .3s opacity ease-in;
}
#faq.is-inview .-ti img {
	opacity: .5;
}
.-list-faq {
	clear: both;
	border-bottom: 2px solid #000;
}
.-list-faq dt {
	clear: both;
	font-weight: 800;
	border-top: 2px solid #000;
	position: relative;
	cursor: pointer;
}
.-list-faq dt::before,
.-list-faq dt::after {
	content: "";
	background: #000;
	width: 14px;
	height: 2px;
	display: block;
	position: absolute;
	right: 32px;
	top: 50%;
	margin-top: -1px;
transition: .3s all ease-in;
}
.-list-faq dt::after {
	transform: rotate(90deg);
}
.-list-faq dd {
	font-weight: 600;
	display: none;
}
.-list-faq dt.is-faq-open::before {
	transform: rotate(180deg);
}
.-list-faq dt.is-faq-open::after {
	transform: rotate(-360deg);
}
#faq .-btn a {
	background: #000;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}
@media print, screen and (min-width:788px) {
	#faq {
		padding-bottom: 120px;
		padding-bottom: calc(1110px * 120 / 1400);
	}
	#faq .sec-block {
		width: 1000px;
		width: calc(1110px * 1000 / 1400);
		margin: 0 auto;
	}
	#faq .-ti01 {
		padding: 100px 0 65px;
		padding: calc(1110px * 100 / 1400) 0 calc(1110px * 100 / 1400);
		text-align: center;
	}
	#faq .-ti01 img {
		height: 1.03em;
	}
	#faq .-ti {
		width: 100%;
		top: 222px;
		top: calc(1110px * 210 / 1400);
		left: 0;
	}
	.-list-faq {
		border-bottom: 2px solid #000;
		font-size: 18px;
	}
	.-list-faq dt {
		border-top: 2px solid #000;
		padding: 35px 70px 35px 40px;
		padding: calc(1110px * 35 / 1400) calc(1110px * 70 / 1400) calc(1110px * 35 / 1400) calc(1110px * 40 / 1400);
	}
	.-list-faq dt::before,
	.-list-faq dt::after {
		width: 14px;
		height: 2px;
		right: 32px;
	}
	.-list-faq dd {
		font-size: 14px;
		padding: 0 40px 35px;
		padding: 0 calc(1110px * 40 / 1400) calc(1110px * 35 / 1400);
	}
	#faq .-btn {
		margin-top: calc(1110px * 100 / 1400);
	}
	#faq .-btn a {
		width: 370px;
		height: 90px;
	}
}
@media screen and (min-width: 1111px) {

	#faq {
		padding-bottom: calc(100vw * 120 / 1400);
	}
	#faq .sec-block {
		width: calc(100vw * 1000 / 1400);
	}
	#faq .-ti01 {
		padding: calc(100vw * 100 / 1400) 0 calc(100vw * 100 / 1400);
	}
	#faq .-ti {
		top: calc(100vw * 210 / 1400);
	}
	.-list-faq dt {
		padding: calc(100vw * 35 / 1400) calc(100vw * 70 / 1400) calc(100vw * 35 / 1400) calc(100vw * 40 / 1400);
	}
	.-list-faq dd {
		padding: 0 calc(100vw * 40 / 1400) calc(100vw * 35 / 1400);
	}
	#faq .-btn {
		margin-top: calc(100vw * 100 / 1400);
	}
}
@media screen and (max-width:787px) {
	#faq {
		padding-bottom: 110px;
		padding-bottom: calc(100vw * 110 / 750);
	}
	#faq .sec-block {
		margin: 0 8.66%;
	}
	#faq .-ti01 {
		padding: 90px 0 70px;
		padding: calc(100vw * 90 / 750) 0 calc(100vw * 70 / 750);
		text-align: center;
	}
	#faq .-ti {
		width: 100%;
		top: 265px;
		top: calc(100vw * 265 / 750);
		left: 0%;
		overflow: hidden;
	}
	#faq .-ti img {
		width: 184%;
		transform: translateX(-23%)
	}
	.-list-faq {
		border-bottom: 1px solid #000;
	}
	.-list-faq dt {
		font-size: 14px;
		border-top: 1px solid #000;
		padding: 2.5rem 2.5rem 2.5rem .5rem;
	}
	.-list-faq dt::before,
	.-list-faq dt::after {
		width: 10px;
		height: 1px;
		right: 10px;
		top: 2.7em;
	}
	.-list-faq dd {
		font-size: 12px;
		padding: 0 1rem 2.5rem;
	}
	#faq .-btn {
		margin-top: 3em;
	}
	#faq .-btn a {
		font-size: 14px;
	}
}
/* news */
#news {
	    position: relative;
		background: url("../img/news_bg01_pc.png") 50% 0;
}
.-list-news {
	font-weight: 500;
	line-height: 1.5;
}
.-list-news dt {
	font-weight: 900;
}
@media print, screen and (min-width:788px) {
	#news .sec-news {
		padding: 50px 0;
		padding: calc(1110px * 50 / 1400) 0;
	}
	#news .sec-block {
		width: 1000px;
		width: calc(1110px * 1000 / 1400);
		margin: 0 auto;
	}
	.-list-news {
		font-size: 14px;
		display: table;
		margin: 1em auto 0;
	}
	.-list-news dt {
		clear: both;
		float: left;
		width: 7.5em;
	}
	.-list-news dd {
		display: table;
		margin-bottom: 1em;
	}
}
@media screen and (max-width:787px) {
	#news {
		background-image: url("../img/news_bg01_sp.png");
		background-size: 100% auto;
	}
	#news .sec-news {
		padding: 110px 0;
		padding: calc(100vw * 50 / 750) 0;
	}
	#news .sec-block {
		margin: 0 8.66%;
	}
	.-list-news {
		font-size: 11px;
	}
	.-list-news dd + dt {
		margin-top: 1em;
	}
}
/* information */
#information {
	    position: relative;
}
#information .-list {
	clear: both;
}
#information .info_title02_col1 {
  stroke-width: 2px;
  	stroke: #fff;
    fill:transparent;
}
#information.is-inview .info_title02_col1 {
  animation: anime-info3 .5s linear forwards;
}
#information .sec-block .-list dd a[href^='mailto:'] {
	text-decoration: none;
}
#information .sec-block .-list .-icon {
	max-width: 50px;
	display: inline-block;
}
@keyframes anime-info3 {
  0% {
  stroke-width: 2px;
  	stroke: #fff;
    fill:transparent;
  }
  80% {
  	stroke: #fff;
    fill:transparent;
  }
  100% {
    stroke-dashoffset: 0;
  	stroke: transparent;
    fill:#ff7d00;
  }
}
@keyframes anime-info1 {
  0% {
  	transform: scale(0);
  }
  100% {
  	transform: scale(1);
  }
}
@media print, screen and (min-width:1135px) and (max-width:1210px) {
	#information .sec-block .-list dd a[href^='mailto:'] {
		font-size: 90%;
	}
}
@media print, screen and (min-width:788px) and (max-width:1134px) {
	#information .sec-block .-list dd a[href^='mailto:'] {
		font-size: 85%;
	}
}
@media print, screen and (min-width:788px) {
	#information .-ti01 {
		padding: 427px 0 120px;
		padding: calc(1110px * 427 / 1400) 0 calc(100vw * 120 / 1400);
		text-align: center;
	}
	#information .-ti {
		width: 679px;
		width: calc(1110px * 679 / 1400);
		top: 111px;
		top: calc(1110px * 111 / 1400);
		right: -46px;
		right: calc(1110px * -46 / 1400);
		z-index: 1;
	}
	#information .c-bg .-bg01 {
		background: url("../img/info_bg01_pc.png") 0 0 no-repeat;
		background-size: contain;
		width: calc(1110px * 282 / 1400);
		height: calc(1110px * 671 / 1400);
		top: 270px;
		top: calc(1110px * 270 / 1400);
		left: 0;
		z-index: 1;
	}
	#information .c-bg .-bg02 {
		background: url("../img/info_bg02_pc.png") 0 0 no-repeat;
		background-size: contain;
		width: calc(1110px * 342 / 1400);
		height: calc(1110px * 677 / 1400);
		top: 629px;
		top: calc(1110px * 629 / 1400);
		right: -1px;
		z-index: 1;
	}
	#information .c-bg .-bg03 {
		background: url("../img/info_bg03_pc.png") 0 0 no-repeat;
		background-size: contain;
		width: calc(1110px * 229 / 1400);
		height: calc(1110px * 484 / 1400);
		top: 873px;
		top: calc(1110px * 873 / 1400);
		left: 0;
	}
	#information .c-bg .-bg04 {
		background: url("../img/info_bg04_pc.png") 0 0 no-repeat;
		background-size: contain;
		width: calc(1110px * 605 / 1400);
		height: calc(1110px * 484 / 1400);
		top: 216px;
		top: calc(1110px * 216 / 1400);
		right: 0;
	}
	#information .sec-block {
		width: 560px;
		width: calc(1110px * 560 / 1400);
		margin: 0 auto;
		padding-bottom: 320px;
		padding-bottom: calc(1110px * 320 / 1400);
		position: relative;
		z-index: 1;
	}
	#information .sec-block .-list {
		font-size: 18px;
	}
	#information .sec-block .-list dt {
		clear: both;
		float: left;
		font-weight: 900;
		padding: 0 0 3em;
		width: 180px;
	}
	#information .sec-block .-list dd {
		display: table;
		padding: 0 0 3em;
	}
}
@media screen and (min-width: 1111px) {
	#information .-ti01 {
		padding: calc(100vw * 427 / 1400) 0 calc(100vw * 120 / 1400);
	}
	#information .-ti {
		width: calc(100vw * 679 / 1400);
		top: calc(100vw * 111 / 1400);
		right: calc(100vw * -46 / 1400);
	}
	#information .c-bg .-bg01 {
		width: calc(100vw * 282 / 1400);
		height: calc(100vw * 671 / 1400);
		top: calc(100vw * 270 / 1400);
	}
	#information .c-bg .-bg02 {
		width: calc(100vw * 342 / 1400);
		height: calc(100vw * 677 / 1400);
		top: calc(100vw * 629 / 1400);
	}
	#information .c-bg .-bg03 {
		width: calc(100vw * 229 / 1400);
		height: calc(100vw * 484 / 1400);
		top: calc(100vw * 873 / 1400);
	}
	#information .c-bg .-bg04 {
		width: calc(100vw * 605 / 1400);
		height: calc(100vw * 484 / 1400);
		top: calc(100vw * 216 / 1400);
	}
	#information .sec-block {
		width: calc(100vw * 560 / 1400);
		padding-bottom: calc(100vw * 320 / 1400);
	}
}
@media screen and (max-width:787px) {
	#information .-ti01 {
		padding: 430px 0 120px;
		padding: calc(100vw * 430 / 750) 0 calc(100vw * 120 / 750);
		text-align: center;
	}
	#information .-ti {
		width: 721px;
		width: calc(100vw * 721 / 750);
		top: 88px;
		top: calc(100vw * 90 / 750);
		left: calc(100vw * 60 / 750);
		z-index: 1;
	}
	#information .c-bg .-bg01 {
		background: url("../img/info_bg02_sp.png") 0 0 no-repeat;
		background-size: contain;
		width: calc(100vw * 194 / 750);
		height: calc(100vw * 404 / 750);
		top: calc(100vw * 728 / 750);
		right: 0;
		z-index: 1;
	}
	#information .c-bg .-bg02 {
		background: url("../img/info_bg01_sp.png") 0 0 no-repeat;
		background-size: contain;
		width: calc(100vw * 155 / 750);
		height: calc(100vw * 471 / 750);
		top: calc(100vw * 944 / 750);
		left: 0;
		z-index: 1;
	}
	#information .c-bg .-bg03 {
		display: none;
	}
	#information .c-bg .-bg04 {
		background: url("../img/info_bg04_sp.png") 0 0 no-repeat;
		background-size: contain;
		width: calc(100vw * 704 / 750);
		height: calc(100vw * 515 / 750);
		top: calc(100vw * 205 / 750);
		right: 0;
	}
	#information .sec-block {
		position: relative;
		z-index: 1;
		margin: 0 13.33%;
		padding-bottom: 320px;
		padding-bottom: calc(100vw * 320 / 750);
	}
	#information .sec-block .-list {
	}
	#information .sec-block .-list dt {
		font-size: 15px;
		font-weight: 900;
	}
	#information .sec-block .-list dd {
		padding: 0 0 1.8em;
	}
}

/* switch */
.-switch-container {
  margin: 0 50px;
}
.-tab {
  display: flex;
  justify-content: space-between;
  margin: 3em 0 1.875em;
}
.-tab li {
  width: 32%;
}
.-tab a {
  font-size: 93.75%;
  font-weight: 500;
  width: 100%;
  height: 54px;
  border: 1px solid #008cbe;
  background-color: #ffffff;
  color: #008cbe;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  position: relative;
	isolation: isolate;
	transition: .2s all ease-in;
  line-height: 1.4;
}
.-tab .-number {
  display: block;
  position: absolute;
  left: .8em;
  top: 50%;
  transform: translateY(-50%);
}
.-tab .-number svg {
  font-size: 140%;
  width: auto;
  height: 1em;
}
.-tab .-number .-number-color {
	transition: .1s all ease-in;
}
.-tab a::before{
	content: "";
	width: 100%;
	height: 0%;
	position: absolute;
	display: block;
	background: #fff 0 0 no-repeat;
	background-size: cover;
	transition: .2s all ease-in;
	pointer-events: none;
	z-index: -1;
  background-color: #e12109;
  left: 0;
}
.-tab a:hover,
.-tab a.-active {
  border-color: #ffffff;
  color: #ffffff;
}
.-tab a:hover::before,
.-tab a.-active::before{
	height: 100%;
}
.-tab a:hover .-number .-number-color,
.-tab a.-active .-number .-number-color {
  fill: #fff000;
}
.-tab li:nth-child(2) a::before {
  background-color: #ff7d00;
}
.-tab li:nth-child(3) a::before {
  background-color: #f24cc1;
}
.-switch-content {
  visibility: hidden;
  opacity: 0;
  transition: opacity 1s ease;
  position: absolute;
}
.-switch-content.-active {
  visibility: visible;
  opacity: 1;
  position: relative;
}
.-switch-content h4 {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}
.-switch-content .-mapimg {
  text-align: center;;
}
@media screen and (max-width:787px) {
  .-switch-container {
    margin: 0 30px;
  }
  .-switch-content .-text {
    margin: 1.5em 0 0 !important;
  }
  .-tab {
    flex-direction: column;
    margin: 3em 0 1.25em;
  }
  .-tab li {
    width: 100%;
  }
  .-tab a {
    font-size: 13px;
    width: 100%;
    height: 3.23em;
  }
  .-tab li + li {
    margin-top: 0.625em;
  }
}

.scroll-el {
	transition: .5s transform cubic-bezier(.17,.67,.83,1);
}
.scroll-el.-sc-stop {
	transform: translate3d(0px, 0px, 0px) !important;
}
@media screen and (max-width:787px) {
	.scroll-el {
			transition: .5s transform cubic-bezier(.17,.67,.83,1);
	}
}

.c-bg-block_item {
	position: absolute;
	z-index: 0;
	display: block;
	pointer-events: none;
}
.c-direction-block_item {
	font-size: 10vw;
	font-weight: 600;
	line-height: 1;
	position: absolute;
	text-transform: uppercase;
	white-space: nowrap
}
.c-direction-block_item span {
	display: block;
	white-space: nowrap;
	transform-origin: center;
}
.c-direction-block_item.-one {
	width: 1551px;
	width: calc(1110px * 1551 / 1400);
	top: 42%;
	transform: translate(-50%,-50%) rotate(18.06deg);
	left: 60%;
}
.c-direction-block_item.-two {
	width: 2263px;
	width: calc(1110px * 2263 / 1400);
	top: 4%;
	transform: translate(-50%,-50%) rotate(-22.04deg);
	left: 30%;
}
.c-direction-block_item.-three {
	width: 1269px;
	width: calc(1110px * 1269 / 1400);
	top: 7.5%;
	transform: translate(-50%,-50%) rotate(16.48deg);
	left: 50%;
}
.c-direction-block_item.-four {
	width: 1860px;
	width: calc(1110px * 1860 / 1400);
	top: 47%;
	transform: translate(-50%,-50%) rotate(-14.66deg);
	left: 15%;
}
@media  screen and (min-width:1111px) {
	.c-direction-block_item.-one {
		width: calc(100vw * 1551 / 1400);
	}
	.c-direction-block_item.-two {
		width: calc(100vw * 2263 / 1400);
	}
	.c-direction-block_item.-three {
		width: calc(100vw * 1269 / 1400);
	}
	.c-direction-block_item.-four {
		width: calc(100vw * 1860 / 1400);
	}
}
@media screen and (max-width:787px) {
	.c-direction-block_item.-one {
		width: calc(100vw * 1566 / 750);
		width: 783px;
		transform: translate(-50%,-50%) rotate(18.06deg);
		left: 20%;
		top: 25%;
	}
	.c-direction-block_item.-two {
		width: calc(100vw * 2261 / 750);
		width: 1130px;
		transform: translate(-50%,-50%) rotate(-22.04deg);
		left: -40%;
		top: 30%;
	}
	.c-direction-block_item.-three {
		width: calc(100vw * 1269 / 750);
		width: 635px;
		transform: translate(-50%,-50%) rotate(16.48deg);
		left: 100%;
		top: 10%;
	}
	.c-direction-block_item.-four {
		width: calc(100vw * 1858 / 750);
		width: 928px;
		transform: translate(-50%,-50%) rotate(-14.66deg);
		left: -30%;
		top: 60%;
	}
}


.scroll-bg {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 100%;
	transform: translate(-50%,-50%);
	z-index: 1;
	pointer-events: none;
	mix-blend-mode: color-dodge;
}
.scroll-logo {
	position: fixed;
	left: 16px;
	top: 22px;
	width: 595px;
	width: calc(100vw * 595 / 1400);
	transform: translateX(-120%);
	transition: .8s transform ease,.3s opacity linear;
	mix-blend-mode: difference;
	z-index: 8;
}
.scroll-logo a {
	display: block;
}
.scroll-logo.is-scroll-show {
	transform: translateX(0%);
}
@media print, screen and (min-width:788px) {
	.scroll-logo {
		min-width: calc(1110px * 595 / 1400);
	}
}
@media screen and (max-width:787px) {
	.scroll-logo {
		width: 265px;
		width: calc(100vw * 530 / 750);
		max-width: calc(1110px * 595 / 1400);
	left: 3%;
	top: 2%;
	}
}

.contents-header {
	text-align: center;
}
.contents-header .-ti {
	z-index: 1;
}
@media print, screen and (min-width:788px) {
	.contents-header {
		height: 500px;
		padding-top: 305px;
	}
	.contents-header.-nobg {
		height: 300px;
		padding-top: 155px;
	}
	.contents-header .-ti01 {
		font-size: 68px;
	}
}
@media screen and (max-width:787px) {
	.contents-header {
		height: calc( 100vw * 640 / 750);
		padding-top: calc( 100vw * 460 / 750);
	}
	.contents-header.-nobg {
		height: calc( 100vw * 300 / 750);
		padding-top: calc( 100vw * 155 / 750);
	}
	.contents-header .-ti01 {
		font-size: calc( 100vw * 68 / 750);
	}
}


.sec-topics {
	background: #fff;
	border-radius: 2em;
	margin: 0 auto;
	padding: 66px 85px;
}
.sec-topics .-img img {
    border-top-left-radius: 1.8em;
    border-bottom-right-radius: 1.8em;
}
.sec-topics .-title {
	font-weight: 900;
	margin-bottom: .8em;
}
.sec-topics .-title-1 {
	font-weight: 900;
	margin-bottom: .8em;
	line-height: 1.4;
}
.sec-topics .-text {
	letter-spacing: 0;
	padding-top: 2em;
	line-height: 2.5;
}
.sec-topics .-text .-btn {
	margin-top: 3em;
}
.sec-topics .ta-c {
	text-align: center;
}
.sec-topics .sec-block {
	margin-top: 2em;
	letter-spacing: 0;
	line-height: 2.5;
}
.sec-topics .sec-block > .-text {
	padding-top: 0;
}
.sec-topics .sec-block > .-img {
	margin: 2em auto;
}
.sec-topics .sec-block .-btn {
	margin-top: 5em;
}
.sec-topics .sec-block.-text1 {
	border-radius: 1em;
	background: #f7ea59;
	padding: 1em 2em;
	line-height: 2;
}
.sec-topics .sec-block.-text1 + .sec-block.-playlist {
	margin-top: 3em;
}
@media print, screen and (min-width:788px) {
	.page-topics .contents-header {
	}
	.page-topics .contents-header .-ti {
		max-width: 672px;
		width: calc(100vw * 672 / 1400);
		min-width: calc(1110px * 672 / 1400);
		left: 81px;
		top: 59px;
	}
	.sec-topics {
		max-width: 1060px;
	}
	.sec-topics .-title {
		font-size: 18px;
	}
	.sec-topics .-title-1 {
		font-size: 50px;
	}
	.sec-topics .sec-block > .-img {
		width: 48%;
	}
	.sec-topics .sec-block .sec-col {
		display: flex;
		justify-content: space-between;
	}
	.sec-topics .sec-block .sec-col.col-reverse {
		flex-direction: row-reverse;
	}
	.sec-topics .sec-block .sec-col .-img {
		width: 48%;
		margin: 0.8em 0 0;
	}
	.sec-topics .sec-block .sec-col .-text {
		width: 48%;
		padding-top: 0;
	}
}
@media screen and (max-width:787px) {
	.page-topics .contents-header .-ti {
		width: calc( 100vw * 538 / 750);
		left: calc( 100vw * 15 / 750);
		top: calc( 100vw * 180 / 750);
	}
	.sec-topics {
		margin: 0 4%;
		padding: 7.2%;
	}
	.sec-topics .-title {
		font-size: 14px;
	}
	.sec-topics .-title-1 {
		font-size: 25px;
	}
	.sec-topics .sec-block {
		margin-top: 3em;
	}
	.sec-topics .sec-block .sec-col .-img {
		margin: 1.5em 0;
	}
	.sec-topics .sec-block .sec-col .-text {
		padding-top: 1em;
	}
}

.page-groovemusic .contents-header .ti-logo {
	position: absolute;
}
.page-groovemusic .contents-header .ti-logo a {
	display: flex;
	background: #fff;
	justify-content: center;
	align-items: center;
}
.page-groovemusic .contents-header .ti-logo img {
	width: 81.34%;
	height: auto;
}
.page-groovemusic .contents-header .c-bg {
	background: #fbeb3e;
	width: 100%;
	height: 100vw;
	height: var(--100vw);
	clip-path: polygon(0 0, 100% 100%, 100% 0%);
	position: absolute;
	display: block;
	z-index: 0;
	left: 0;
	top: 0;
	overflow: hidden;
	pointer-events: none;
}
.page-groovemusic .contents-header .c-bg .-bg01 {
	width: 486px;
	height: 485px;
	background: url("../img/groovemusic_bg02.png") 0 50% no-repeat;
	background-size: contain;
	top: 219px;
	/*left: 967px;*/
	right: -73px;
	animation: 20s linear infinite rotation-r;
}
.page-groovemusic .contents-header .c-bg .-bg02 {
	width: 639px;
	height: 257px;
	background: url("../img/groovemusic_title02.png") 100% 0 no-repeat;
	background-size: contain;
	top: 44px;
	top: 14px;
	/*left: 666px;*/
	right: 24px;
}
.page-groovemusic .groovemusic-mv {
	position: relative;
}
.page-groovemusic .groovemusic-mv .-title-1 {
	font-weight: 900;
	margin-bottom: .8em;
	line-height: 1.57;
}
.page-groovemusic .groovemusic-mv .-label-1 {
	font-weight: 900;
	line-height: 1.47;
	margin-bottom: .2em;
}
.page-groovemusic .groovemusic-mv .-label-1 img {
	width: auto;
	height: 1em;
}
.page-groovemusic .groovemusic-mv .-label-1 .-marker {
	width: fit-content;
  display: block;
	padding: 0 15px;
	position: relative;
	/*mix-blend-mode: darken;*/
}
.page-groovemusic .groovemusic-mv .-label-1 .-marker.fs-s {
	font-size: 71.73%;
}
.page-groovemusic .groovemusic-mv .-label-1 .-marker > span {
	position: relative;
}
.page-groovemusic .groovemusic-mv .-label-1 .-marker::before {
	content: "";
	width: 0%;
  display: block;
	z-index: 0;
	position: absolute;
	left: 0;
	top: -13%;
	background: #000000;
	height: 100%;
	animation: .5s 1s linear forwards show-r;
}
.page-groovemusic .groovemusic-mv .-label-1 .-marker:nth-child(2)::before {
	animation-delay: 1.3s;
}
.page-groovemusic .groovemusic-mv .-label-1 .-marker:nth-child(3)::before {
	animation-delay: 1.6s;
}
.page-groovemusic .groovemusic-mv .-label-1 .-marker:nth-child(4)::before {
	animation-delay: 1.9s;
}
@keyframes show-r{
  0%{ width:0%;}
  100%{ width:100%; }
}
/*.page-groovemusic .groovemusic-mv .-label-1 .-marker {
	width: fit-content;
  display: block;
  background-image: -webkit-linear-gradient(transparent 55%, #fff 55%,#fff 100%,transparent 100%);
  background-image: linear-gradient(transparent 55%, #fff 55%,#fff 100%,transparent 100%);
	padding: 0 .3em;
}*/
.page-groovemusic .groovemusic-mv .-lead {
  line-height: 2.5;
	text-align: center;
}
.page-groovemusic .groovemusic-mv .-img {
	position: relative;
}
.page-groovemusic .groovemusic-mv .-img::before {
	content: "";
	width: 100%;
	height: 100%;
	background: #fbeb3e;
	display: block;
	position: absolute;
	top: 20px;
	left: -20px;
	z-index: 0;
}
.page-groovemusic .groovemusic-mv .-img img {
	position: relative;
}
.page-groovemusic .groovemusic-mv .-text {
	letter-spacing: normal;
}
.page-groovemusic .sec-selection {
	background: url("../img/bg01_green.gif") 40% 0;
}
.page-groovemusic .sec-selection .-ti02 {
	font-weight: 500;
	margin-bottom: 1.5em;
	line-height: 1.3;
	text-align: center;
	position: relative;
}
.page-groovemusic .sec-selection .-ti02 img {
	width: auto;
	position: relative;
	height: 1em;
	vertical-align: baseline;
}
.page-groovemusic .sec-selection .-ti02 img.-line2 {
	height: 1.95em;
}
.page-groovemusic .sec-selection .tx-playlists {
	width: 333px;
	height: 46px;
	background: url("../img/groovemusic/groovemusic01_title02.png") 50% 0 no-repeat;
	background-size: contain;
	display: inline-block;
	overflow: hidden;
	text-indent: -9999em;
}
.sec-groovemusic {
	position: relative;
	margin: 100px auto 0;
}
/*.sec-groovemusic .-img img {
	border-top-left-radius: 1.8em;
	border-bottom-right-radius: 1.8em;
}*/
.sec-groovemusic .-ti02 {
	font-weight: 900;
	margin-bottom: .5em;
	line-height: 1;
	text-align: center;
	position: relative;
	color: #fff;
}
.sec-groovemusic .-ti02::before {
	content: "";
	width: 2.35em;
	height: 2.35em;
	background: url("../img/groovemusic/icon_ti01.png") 50% 0 no-repeat;
	background-size: contain;
	display: block;
	margin: 0 auto .5em;
	animation: 20s linear infinite rotation-r;
}
.sec-groovemusic .-ti02 img {
	width: auto;
	position: relative;
	height: 1em;
}
.sec-groovemusic .-ti02 img.-line2 {
	height: 1.79em;
}
.sec-groovemusic.-text1 {
	position: relative;
	line-height: 2.25;
}
.sec-groovemusic.-text1 .-inner {
	background: #fff;
	position: relative;
}
.sec-groovemusic.-text1 h3 {
	font-weight: 700;
}
.sec-groovemusic.-text1::before {
	content: "";
	width: 100%;
	height: 100%;
	background: url("../img/groovemusic/bg01b.jpg") 50% 0 no-repeat;
	background-size: cover;
	display: block;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 0;
}
/*.sec-groovemusic h1.-title {
	line-height: 1.4;
}
.sec-groovemusic .-text {
	letter-spacing: 0;
	padding-top: 2em;
	line-height: 2.5;
}
.sec-groovemusic .-text .-btn {
	margin-top: 3em;
}
.sec-groovemusic .ta-c {
	text-align: center;
}
.sec-groovemusic .sec-block {
	margin-top: 2em;
	letter-spacing: 0;
	line-height: 2.5;
}
.sec-groovemusic .sec-block > .-text {
	padding-top: 0;
}
.sec-groovemusic .sec-block > .-img {
	margin: 2em auto;
}
.sec-groovemusic .sec-block .-btn {
	margin-top: 5em;
}*/
@media print, screen and (min-width:788px) {
	.page-groovemusic .contents-header .-ti {
		max-width: 672px;
		width: calc(100vw * 672 / 1400);
		min-width: calc(1110px * 672 / 1400);
		left: 81px;
		top: 59px;
	}
	.page-groovemusic .contents-header {
		height: 700px;
	}
	.page-groovemusic.page-groovemusic-top .contents-header {
		height: 563px;
	}
	.page-groovemusic .contents-header .ti-logo {
		left: 20px;
		top: 20px;
	}
	.page-groovemusic .contents-header .ti-logo a {
		width: 252px;
		height: 100px;
	}
	.page-groovemusic .contents-header .-ti01 {
		text-align: left;
		padding-left: 18.28%;
		/*padding-left: 260px;*/
	}
	.page-groovemusic .groovemusic-mv {
		max-width: 1300px;
		margin: 0 auto;
		padding: 0 calc(100%* 50 / 1400);
	}
	.page-groovemusic .groovemusic-mv.groovemusic-mv-2 {
		max-width: 1200px;
	}
	.page-groovemusic .groovemusic-mv .-title-1 {
		font-size: 28px;
	}
	.page-groovemusic .groovemusic-mv .-label-1 {
		font-size: 45px;
	}
	.page-groovemusic .groovemusic-mv .-label-1 .-marker.fs-s {
		position: absolute;
		transform: translateY(-120%);
	}
	.page-groovemusic .groovemusic-mv .-img {
		margin-bottom: 60px;
	}
	.page-groovemusic .groovemusic-mv .-lead {
		font-size: 16px;
	}
	.page-groovemusic .groovemusic-mv .-text {
		/*max-width: 1000px;
		margin-left: auto;
		margin-right: auto;*/
		margin-left: 50px;
		margin-right: 50px;
		margin-left: calc(100%* 50 / 1100);
		margin-right: calc(100%* 50 / 1100);
	}
	.page-groovemusic:not(.page-groovemusic-top) .groovemusic-mv .-img::before {
		height: calc( 100% - 30px );
		top: 50px;
	}
	.page-groovemusic .sec-selection {
		margin-top: 200px;
		padding: 52px 0;
	}
	.page-groovemusic .sec-selection .-ti02 {
		font-size: 20px;
	}
	.page-groovemusic .sec-selection .-ti02 img {
		font-size: 46px;
	}
	.page-groovemusic .sec-selection .tx-playlists {
		height: 46px;
	}
	.sec-groovemusic.-text1 {
		max-width: 1000px;
		margin-top: 60px;
	}
	.sec-groovemusic.-text1 .-inner {
		padding: 40px 50px;
		border-top-left-radius: 60px;
	}
	.sec-groovemusic.-text1::before {
		border-top-left-radius: 60px;
	}
	/*.sec-groovemusic {
		max-width: 1060px;
	}*/
	.sec-groovemusic .-ti02 {
		font-size: 62px;
	}
	.sec-groovemusic .-ti02 .-sub {
		font-size: 30px;
	}
	.sec-groovemusic > .-text {
		line-height: 1.875;
		letter-spacing: normal;
		max-width: 800px;
		margin: 2em auto;
	}
	.sec-groovemusic.-playlist {
		max-width: 900px;
	}
	.sec-groovemusic.-links {
		margin-top: 0;
	}
	/*.sec-groovemusic h1.-title {
		font-size: 50px;
	}
	.sec-groovemusic .sec-block > .-img {
		width: 48%;
	}
	.sec-groovemusic .sec-block .sec-col {
		display: flex;
		justify-content: space-between;
	}
	.sec-groovemusic .sec-block .sec-col.col-reverse {
		flex-direction: row-reverse;
	}
	.sec-groovemusic .sec-block .sec-col .-img {
		width: 48%;
		margin: 0.8em 0 0;
	}
	.sec-groovemusic .sec-block .sec-col .-text {
		width: 48%;
		padding-top: 0;
	}*/
}
@media screen and (max-width:787px) {
	.page-groovemusic .contents-header {
		height: calc(100vw* 760 / 750);
    padding-top: calc(100vw* 460 / 750);
	}
	.page-groovemusic.page-groovemusic-top .contents-header {
		height: calc(100vw* 733 / 750);
	}
	.page-groovemusic .contents-header .ti-logo {
		left: calc( 100vw * 20 / 750);
		top: calc( 100vw * 30 / 750);
	}
	.page-groovemusic .contents-header .ti-logo a {
		width: calc( 100vw * 190 / 750);
		height: calc( 100vw * 76 / 750);
	}
	.page-groovemusic .contents-header .c-bg .-bg01 {
		width: calc( 100vw * 428 / 750);
		height: calc( 100vw * 428 / 750);
		top: calc( 100vw * 185 / 750);
		/*top: calc( 100vw * 156 / 750);*/
		right: calc( 100vw * -99 / 750);
	}
	.page-groovemusic .contents-header .c-bg .-bg02 {
		width: calc( 100vw * 515 / 750);
		height: calc( 100vw * 207 / 750);
		top: calc( 100vw * 30 / 750);
		top: calc( 100vw * 5 / 750);
		right: calc( 100vw * 13 / 750);
	}
	.page-groovemusic .contents-header .-ti {
		width: calc( 100vw * 538 / 750);
		left: calc( 100vw * 15 / 750);
		top: calc( 100vw * 180 / 750);
	}
	.page-groovemusic .groovemusic-mv {
		padding: 0 4%;
	}
	.page-groovemusic .groovemusic-mv .-title-1 {
		font-size: 18px;
		line-height: 1.66;
	}
	.page-groovemusic .groovemusic-mv .-label-1 {
		font-size: 23px;
		font-size: calc( 100vw * 46 / 750);
	}
	.page-groovemusic .groovemusic-mv .-label-1 .-marker {
		padding: 0 7px;
	}
	.page-groovemusic .groovemusic-mv .-label-1 .-marker + .-marker {
		margin-top: .3em;
	}
	.page-groovemusic .groovemusic-mv .-img {
		margin-bottom: 55px;
	}
	.page-groovemusic .groovemusic-mv.groovemusic-mv-2 .-img {
		margin-bottom: 25px;
	}
	.page-groovemusic .groovemusic-mv .-img::before {
		top: calc( 100vw * 20 / 750);
		left: calc( 100vw * -20 / 750);
	}
	.page-groovemusic .groovemusic-mv .-lead {
		font-size: 14px;
		line-height: 2.57;
	}
	.page-groovemusic .groovemusic-mv .-text {
		margin-left: 15px;
		margin-right: 15px;
		font-size: 16px;
	}
	.page-groovemusic .sec-selection {
		background-size: auto 17.4%;
		margin-top: 100px;
		padding: 30px 4%;
	}
	.page-groovemusic .sec-selection .-ti02 {
		font-size: 15px;
	}
	.page-groovemusic .sec-selection .-ti02 img {
		font-size: 30px;
	}
	.page-groovemusic .sec-selection .tx-playlists {
		width: 100%;
		max-height: 46px;
		height: calc( 100vw * 60 / 750);
	}
	.sec-groovemusic {
		margin: 85px 4% 0;
	}
	.sec-groovemusic .-ti02 {
		font-size: 31px;
	}
	.sec-groovemusic .-ti02 .-sub {
		font-size: 17px;
	}
	.sec-groovemusic .-ti02::before {
		max-width: 145px;
		max-height: 145px;
		width: calc( 100vw * 148 / 750);
		height: calc( 100vw * 148 / 750);
	}
	.sec-groovemusic .-ti02 img {
		max-height: 62px;
		height: calc( 100vw * 63 / 750);
	}
	.sec-groovemusic .-ti02 img.-line2 {
		max-height: 111px;
		height: calc( 100vw * 112 / 750);
	}
	.sec-groovemusic > .-text {
		font-size: 14px;
		line-height: 2;
		letter-spacing: normal;
		margin: 1.2em auto 1.5em;
	}
	.sec-groovemusic.-text1 {
		margin-top: 45px;
		font-size: 14px;
		line-height: 2;
	}
	.sec-groovemusic.-text1 .-inner {
		padding: 20px 30px;
		border-top-left-radius: calc( 100vw * 60 / 750);
	}
	.sec-groovemusic.-text1::before {
		border-top-left-radius: calc( 100vw * 60 / 750);
	}
	.sec-groovemusic.-text1::before {
    top: calc( 100vw * 20 / 750);
    left: calc( 100vw * 10 / 750);
	}
	.sec-groovemusic.-playlist {
		margin: 50px 11.33% 0;
	}
	.sec-groovemusic.-links {
		margin-top: 0;
	}
	
	/*.sec-groovemusic .-title {
		font-size: 14px;
	}
	.sec-groovemusic h1.-title {
		font-size: 30px;
	}
	.sec-groovemusic .sec-block {
		margin-top: 3em;
	}
	.sec-groovemusic .sec-block .sec-col .-img {
		margin: 1.5em 0;
	}
	.sec-groovemusic .sec-block .sec-col .-text {
		padding-top: 1em;
	}*/
}

.sec-otherlist.-list-others {
	display: flex;
	flex-wrap: wrap;
}
.sec-otherlist.-list-others .-list-other {
	position: relative;
	font-weight: 500;
}
.sec-otherlist.-list-others .-list-other .-img,
.sec-otherlist.-list-others .-list-other .-img figure {
	position: relative;
}
.sec-otherlist.-list-others .-list-other .-img figure {
	overflow: hidden;
	width: 100%;
	padding-top: 68%;
	display: block;
}
.sec-otherlist.-list-others .-list-other .-img figure img {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
	/*left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)*/
	left: 0;
	top: 0;
}
.sec-otherlist.-list-others .-list-other .-img::before {
	content: "";
	width: 100%;
	height: 100%;
	background:  url("../img/groovemusic/bg01.jpg") 0 0 no-repeat;
	background-size: cover;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 0;
	pointer-events: none;
}
.sec-otherlist.-list-others .-list-other .-img::after {
	content: "";
	width: 100%;
	height: 100%;
	background: #fbeb3e;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	transition: .2s all ease-in-out;
	pointer-events: none;
}
.sec-otherlist.-list-others .-list-other:hover .-img::after {
	opacity: .3;
}
.sec-otherlist.-list-others .-list-other:nth-child(2n) .-img figure,
.sec-otherlist.-list-others .-list-other:nth-child(2n) .-img::after {
	border-top-left-radius: 60px;
}
.sec-otherlist.-list-others .-list-other:nth-child(2n) .-img::before {
	border-top-left-radius: 70px;
}
.sec-otherlist.-list-others .-list-other:nth-child(2n+1) .-img figure,
.sec-otherlist.-list-others .-list-other:nth-child(2n+1) .-img::after {
	border-bottom-right-radius: 60px;
}
.sec-otherlist.-list-others .-list-other:nth-child(2n+1) .-img::before {
	border-bottom-right-radius: 70px;
}
.sec-otherlist.-list-others .-list-other .-ti {
	font-weight: 500;
	letter-spacing: normal;
}
.sec-otherlist.-list-others .-list-other .-text {
	padding: 2em 0 0;
}
.sec-otherlist.-list-others .-list-other .-link {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.sec-otherlist.-list-others .-list-other .-link > span {
	font-weight: 300;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 0;
	bottom: 0;
	background: #000;
	color: #fff;
	border-top-left-radius: .8em;
	display: none;
}
.sec-groovemusic-2 .sec-otherlist.-list-others .-list-other {
	
}
.sec-groovemusic-2 .-ti02::before {
	background-image: url("../img/groovemusic/icon_ti02.png");
}
.sec-groovemusic-2 .sec-otherlist.-list-others .-list-other .-img::before {
	background-image: url("../img/groovemusic/bg02.jpg");
}
.sec-groovemusic-2 .sec-otherlist.-list-others .-list-other .-img::after,
.groovemusic-2 .sec-otherlist.-list-others .-list-other .-img::after{
	background-color: #00d2d2;
}
.sec-groovemusic-3 .-ti02::before {
	background-image: url("../img/groovemusic/icon_ti03.png");
}
.sec-groovemusic-3 .sec-otherlist.-list-others .-list-other .-img::before {
	background-image: url("../img/groovemusic/bg03.jpg");
}
.sec-groovemusic-3 .sec-otherlist.-list-others .-list-other .-img::after,
.groovemusic-3 .sec-otherlist.-list-others .-list-other .-img::after {
	background-color: #fd901d;
}

.groovemusic-s1 .contents-header .c-bg {
	background-color: #45bdcf;
}
.groovemusic-s1 .contents-header .c-bg .-bg01 {
	background-image: url("../img/groovemusic/groovemusic_bg02_s01.png");
}
.groovemusic-s1 .contents-header .c-bg .-bg02 {
	background-image: url("../img/groovemusic/groovemusic_title02_s01.png");
}
.groovemusic-s2 .contents-header .c-bg {
	background-color: #6fba2c;
}
.groovemusic-s2 .contents-header .c-bg .-bg01 {
	background-image: url("../img/groovemusic/groovemusic_bg02_s02.png");
}
.groovemusic-s2 .contents-header .c-bg .-bg02 {
	background-image: url("../img/groovemusic/groovemusic_title02_s02.png");
}
.groovemusic-s3 .contents-header .c-bg {
	background-color: #f08300;
}
.groovemusic-s3 .contents-header .c-bg .-bg01 {
	background-image: url("../img/groovemusic/groovemusic_bg02_s03.png");
}
.groovemusic-s3 .contents-header .c-bg .-bg02 {
	background-image: url("../img/groovemusic/groovemusic_title02_s03.png");
}
.groovemusic-s4 .contents-header .c-bg {
	background-color: #008dc2;
}
.groovemusic-s4 .contents-header .c-bg .-bg01 {
	background-image: url("../img/groovemusic/groovemusic_bg02_s04.png");
}
.groovemusic-s4 .contents-header .c-bg .-bg02 {
	background-image: url("../img/groovemusic/groovemusic_title02_s04.png");
}
.groovemusic-s5 .contents-header .c-bg {
	background-color: #ea609e;
}
.groovemusic-s5 .contents-header .c-bg .-bg01 {
	background-image: url("../img/groovemusic/groovemusic_bg02_s05.png");
}
.groovemusic-s5 .contents-header .c-bg .-bg02 {
	background-image: url("../img/groovemusic/groovemusic_title02_s05.png");
}
.groovemusic-2 #main-content {
	background-color: #74d34e;
}
.groovemusic-2 .sec-selection {
	background-image: url("../img/bg01_green02.gif");
}
.groovemusic-2 .sec-selection .tx-playlists {
	background-image: url("../img/groovemusic/groovemusic02_title02.png");
}
.groovemusic-2 .sec-otherlist.-list-others .-list-other .-img::before {
	background-image:  url("../img/groovemusic/bg02.jpg");
}
.groovemusic-2 .sec-groovemusic.-text1::before {
	background-image:  url("../img/groovemusic/bg02b.jpg");
}
.groovemusic-2 .groovemusic-mv .-img::before {
	background-color: #00dcdc;
}
.groovemusic-3 #main-content {
	background-color: #74d34e;
}
.groovemusic-3 .sec-selection {
	background-image: url("../img/bg01_green02.gif");
}
.groovemusic-3 .sec-selection .tx-playlists {
	background-image: url("../img/groovemusic/groovemusic03_title02.png");
}
.groovemusic-3 .sec-otherlist.-list-others .-list-other .-img::before {
	background-image:  url("../img/groovemusic/bg03.jpg");
}
.groovemusic-3 .sec-groovemusic.-text1::before {
	background-image:  url("../img/groovemusic/bg03b.jpg");
}
.groovemusic-3 .groovemusic-mv .-img::before {
	background-color: #ff911d;
}
@media print, screen and (min-width:788px) {
	.sec-otherlist.-list-others {
		max-width: 1218px;
		margin: 0 auto -18px;
	}
	.sec-otherlist.-list-others .-list-other {
		font-size: 14px;
		width: 31.85%;
		max-width: 388px;
		margin: 0 9px 18px;
		margin: 0 0.73% 18px;
		padding: 0 12px 12px 0;
	}
	.sec-otherlist.-list-others .-list-other .-ti {
		font-size: 17px;
	}
	.sec-otherlist.-list-others .-list-other .-link > span {
		font-size: 14px;
		width: 112px;
		height: 30px;
	}
	.page-guestrooms .sec-otherlist.-list-others {
		max-width: 1252px;
	}
	.page-guestrooms .sec-otherlist.-list-others .-list-other {
		width: 31.33%;
		max-width: 388px;
		margin: 0 1% 18px;
	}
}
@media screen and (max-width:787px) {
	.sec-otherlist.-list-others {
		max-width: 880px;
		margin: 0 -1.4% -4%;
	}
	.sec-otherlist.-list-others .-list-other {
		font-size: 11px;
		width: 47.2%;
		margin: 0 1.4% 2em;
		padding: 0 calc( 100vw * 10 / 750) calc( 100vw * 10 / 750) 0;
	}
	.sec-otherlist.-list-others .-list-other .-img::before {
    top: calc( 100vw * 10 / 750);
    left: calc( 100vw * 10 / 750);
	}
	.sec-otherlist.-list-others .-list-other:nth-child(2n) .-img figure,
	.sec-otherlist.-list-others .-list-other:nth-child(2n) .-img::after {
		border-top-left-radius: calc( 100vw * 60 / 750);
	}
	.sec-otherlist.-list-others .-list-other:nth-child(2n) .-img::before {
		border-top-left-radius: calc( 100vw * 70 / 750);
	}
	.sec-otherlist.-list-others .-list-other:nth-child(2n+1) .-img figure,
	.sec-otherlist.-list-others .-list-other:nth-child(2n+1) .-img::after {
		border-bottom-right-radius: calc( 100vw * 60 / 750);
	}
	.sec-otherlist.-list-others .-list-other:nth-child(2n+1) .-img::before {
		border-bottom-right-radius: calc( 100vw * 70 / 750);
	}
	.sec-otherlist.-list-others .-list-other .-ti {
		font-size: 12px;
		line-height: 1.3;
	}
	.sec-otherlist.-list-others .-list-other .-text {
		padding: 1em 0 0;
	}
	.sec-otherlist.-list-others .-list-other .-link > span {
		font-size: 10px;
		width: 74px;
		height: 20px;
	}
}

.page-guestrooms .contents-header {
	background: 100% 0 no-repeat;
}
.page-guestrooms .contents-header .c-bg .-bg01 {
	width: 149px;
	top: 0;
	left: 54px;
	overflow: hidden;
}
.page-guestrooms .contents-header .c-bg .-bg01::before{
	content: "";
	width: 100%;
	padding-top: calc(100% * 538 / 204);
	display: block;
	position: relative;
	background: url("../img/guest_bg01.png") 0 0 no-repeat;
	background-size: contain;
	transform: translateY(-20px);
	left: 0;
	top: 0;
}
.sec-guestrooms .-imglist {
	position: relative;
}
.sec-guestrooms .-imglist .-imgbg {
	background: 0 0 no-repeat;
	background-size: cover;
	height: 100%;
	position: absolute;
	z-index: 0;
	top: 0;
	transition: .5s transform cubic-bezier(.17,.67,.83,1);
	transform: translate3d(100%, 0px, 0px);
}
.sec-guestrooms .-imglist:nth-child(2n+1) .-imgbg {
	transform: translate3d(-100%, 0px, 0px);
}
.sec-guestrooms .-imglist .-imgbg.-bg01 {
	background-image: url("../img/guestrooms/bg01.jpg");
}
.sec-guestrooms .-imglist .-imgbg.-bg02 {
	background-image: url("../img/guestrooms/bg02.jpg");
}
.sec-guestrooms .-imglist .-imgbg.-bg03 {
	background-image: url("../img/guestrooms/bg03.jpg");
}
.sec-guestrooms .-imglist .-imgbg.-bg04 {
	background-image: url("../img/guestrooms/bg04.jpg");
}
.sec-guestrooms .-imglist .-imgbg.-bg05 {
	background-image: url("../img/guestrooms/bg05.jpg");
}
.sec-guestrooms .-imglist .-img {
	position: relative;
	z-index: 1;
}
.sec-guestrooms .-imglist:nth-child(2n) .-imgbg {
	right: 0;
}
.sec-guestrooms .-imglist:nth-child(2n+1) .-imgbg {
	left: 0;
}
.sec-guestrooms .-imglist:nth-child(2n+1) .-img {
	margin-left: auto;
}
.sec-guestrooms .-text {
	letter-spacing: 0;
	text-align: center;
	line-height: 2.5;
}
@media print, screen and (min-width:788px) {
	.page-guestrooms .contents-header {
		height: 555px;
		background-image: url("../img/guestrooms/guest_title02.png");
		background-size: 790px auto;
	}
	.sec-guestrooms .-imglist {
		margin: 0 0 20px;
		margin: calc(100% * 30 / 1400) 0 calc(100% * 100 / 1400);
		padding: 30px 40px;
		padding: calc(100% * 30 / 1400) calc(100% * 40 / 1400);
	}
	.sec-guestrooms .-imglist .-imgbg {
		width: 580px;
		width: calc(100% * 580 / 1400);
	}
	.sec-guestrooms .-imglist .-img {
		width: 960px;
		width: calc(100% * 960 / 1320);
	}
	.sec-guestrooms .-text {
		padding-top: 2em;
	}
}
@media screen and (max-width:787px) {
	.page-guestrooms .contents-header {
		height: calc(100vw * 715 / 750);
		background-image: url("../img/guestrooms/guest_title02_sp.png");
		background-size: calc(100% * 530 / 750) auto;
	}
	.page-guestrooms .contents-header .c-bg .-bg01 {
		width: calc(100% * 148 / 750);
		left: calc(100% * 36 / 750);
	}
	.page-guestrooms .contents-header .c-bg .-bg01::before{
		transform: translateY(-2.66%);
	}
	.sec-guestrooms .-imglist {
		margin: 0 0 35px;
		margin: 0 0 calc(100vw * 70 / 750);
		padding: 30px 30px;
		padding: calc(100vw * 60 / 750) calc(100vw * 30 / 750);
	}
	.sec-guestrooms .-imglist .-imgbg {
		width: 840px;
		width: calc(100vw * 840 / 750);
	}
	.sec-guestrooms .-imglist .-img {
		width: 287px;
		width: calc(100vw * 594 / 690);
	}
	.sec-guestrooms .-imglist:nth-child(2n) .-imgbg {
		right: -70vw
	}
	.sec-guestrooms .-imglist:nth-child(2n+1) .-imgbg {
		left: -70vw;
	}
}
.sec-guestrooms2 {
	background: #fff;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
	overflow: hidden;
}
.sec-guestrooms2 .-title {
	font-weight: 900;
	margin-bottom: 1em;
}
.sec-guestrooms2 .-text {
	letter-spacing: 0;
	padding-top: 2em;
	line-height: 1.7;
}
.sec-guestrooms2 .-detail {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 1em 0;
}
@media print, screen and (min-width:788px) {
	.sec-guestrooms2 {
		max-width: 928px;
		margin: 120px auto 0;
		display: flex;
		align-items: center;
	}
	.sec-guestrooms2 .-title {
		font-size: 22px;
	}
	.sec-guestrooms2 .-img {
		width: 50%;
	}
	.sec-guestrooms2 .-text {
		font-size: 15px;
		text-align: left;
		width: 50%;
		padding: 0 72px;
	}
}
@media screen and (max-width:787px) {
	.sec-guestrooms2 {
		margin: 16% 4% 0;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
	}
	.sec-guestrooms2 .-title {
		font-size: 17px;
	}
	.sec-guestrooms2 .-text {
		text-align: center;
		padding: 25px 0 42px;
	}
	.sec-guestrooms2 .-detail {
		margin: 1em 35px 0;
		display: flex;
		text-align: left;
		justify-content: center;
	}
}

.sec-guestrooms3 > .-text {
	letter-spacing: 0;
	text-align: center;
	line-height: 2.5;
	margin-bottom: 10em;
}
.sec-guestrooms3 .-imglist {
	position: relative;
}
.sec-guestrooms3 .-imglist .-imgbg {
	background: 0 0 no-repeat;
	background-size: cover;
	height: 100%;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	transition: .5s transform cubic-bezier(.17,.67,.83,1);
}
.sec-guestrooms3 .-imglist .-imgbg.-bg07 {
	background-image: url("../img/guestrooms/bg07.jpg");
}
.sec-guestrooms3 .-imglist .-imgbg.-bg08 {
	background-image: url("../img/guestrooms/bg08.jpg");
}
.sec-guestrooms3 .-imglist .-imgbg.-bg09 {
	background-image: url("../img/guestrooms/bg09.jpg");
}
.sec-guestrooms3 .-imglist .-imgbg.-bg10 {
	background-image: url("../img/guestrooms/bg10.jpg");
}
.sec-guestrooms3 .-imglist .-imgbg.-bg11 {
	background-image: url("../img/guestrooms/bg11.jpg");
}
.sec-guestrooms3 .-imglist .-imgbg.-bg12 {
	background-image: url("../img/guestrooms/bg12.jpg");
}
.sec-guestrooms3 .-imglist .-imgbg.-bg13 {
	background-image: url("../img/guestrooms/bg13.jpg");
}
.sec-guestrooms3 .-imglist .-imgbg.-bg14 {
	background-image: url("../img/guestrooms/bg14.jpg");
}
.sec-guestrooms3 .-imglist .-img {
	position: relative;
	z-index: 1;
}
.sec-guestrooms3 .-imglist .-text {
	letter-spacing: 0;
	text-align: left;
	line-height: 2;
}
.sec-guestrooms3 .-imglist .-text .-ti {
	font-weight: 700;
	margin-bottom: 0.3em;
}
@media print, screen and (min-width:788px) {
	.sec-guestrooms3 .-imglist {
		display: flex;
		margin: 30px 50px 140px;
		margin: calc(100% * 30 / 1400) calc(100% * 50 / 1400) calc(100% * 140 / 1400);
		padding: 42px 0 20px;
		padding: calc(100% * 42 / 1300) 0 calc(100% * 20 / 1400);
	}
	.sec-guestrooms3 .-imglist:last-child {
		margin-bottom: 250px;
	}
	.sec-guestrooms3 .-imglist .-imgbg {
		width: 346px;
		width: calc(100% * 346 / 1300);
	}
	.sec-guestrooms3 .-imglist .-img {
		width: 820px;
		width: calc(100% * 820 / 1300);
		margin: 0 30px 0 50px;
		margin: 0 calc(100% * 30 / 1300) 0 calc(100% * 50 / 1300);
	}
	.sec-guestrooms3 .-imglist .-img img:not(.-logo) {
			border-top-left-radius: 3.1em;
	}
	.sec-guestrooms3 .-imglist .-img img.-logo {
		position: absolute;
		width: auto;
		height: calc(100% * 40 / 470);
		right: 0;
		top: calc(100% * -35 / 470);
	}
	.sec-guestrooms3 .-imglist .-text {
		font-size: 15px;
		width: 370px;
		width: calc(100% * 370 / 1300);
		margin-top: 3.5em;
	}
	.sec-guestrooms3 .-imglist .-text .-ti {
		font-size: 20px;
	}
	.sec-guestrooms3 .-imglist .-text .-btn.-btn03 {
		margin-left: 0;
	}
}
@media screen and (max-width:787px) {
	.sec-guestrooms3 .-imglist {
		margin: 0 0 300px;
		margin: 0 0 calc(100vw * 300 / 750);
		padding: 60px 60px 24px;
		padding: calc(100vw * 60 / 750) calc(100vw * 60 / 750) calc(100vw * 24 / 750);
	}
	.sec-guestrooms3 .-imglist .-imgbg {
		width: 200px;
		width: calc(100vw * 200 / 750);
		height: 690px;
		height: calc(100vw * 690 / 750);
	}
	.sec-guestrooms3 .-imglist .-img {
	}
	.sec-guestrooms3 .-imglist .-img img:not(.-logo) {
			border-top-left-radius: 2.2em;
	}
	.sec-guestrooms3 .-imglist .-img img.-logo {
		position: absolute;
		width: auto;
		height: calc(100vw * 58 / 750);
		right: 0;
		top: calc(100% * -58 / 750);
	}
	.sec-guestrooms3 .-imglist .-text {
		font-size: 13px;
		margin-top: 30px;
		line-height: 1.76;
	}
	.sec-guestrooms3 .-imglist .-text .-ti {
		font-size: 17px;
		text-align: center;
		margin-bottom: .5em;
	}
	.sec-guestrooms3 > .-text {
		font-size: 14px;
		line-height: 2.57;
		margin-bottom: 8.57em;
	}
}

.sec-artrooms {
}
.sec-artrooms .-img img {
    border-top-left-radius: 1.8em;
    border-bottom-right-radius: 1.8em;
}
.page-artrooms .contents-header {
	background: 0 0 no-repeat;
}
.sec-artrooms .-text {
	letter-spacing: 0;
	text-align: center;
	padding-top: 4em;
	line-height: 2.5;
}
.sec-artrooms .-imglist {
	position: relative;
	background: 0 0 no-repeat;
	background-size: auto 100%;
}
.sec-artrooms .-imglist .-name {
	position: relative;
	z-index: 0;
}
.sec-artrooms .-imglist .-imgbg {
	height: 100%;
	background: 0 100% no-repeat;
	background-size: cover;
	position: absolute;
	z-index: 0;
	display: block;
	top: 0;
}
.sec-artrooms .-imglist .-img {
	position: relative;
	z-index: 1;
	margin-left: auto;
}
@media print, screen and (min-width:788px) {
	.page-artrooms .contents-header {
		height: 555px;
		background-image: url("../img/artrooms/artist_title02.png");
		background-size: 1390px auto;
	}
	.sec-artrooms .-title {
		font-size: 18px;
		font-weight: 900;
		margin-bottom: .8em;
	}
	.page-artrooms .contents-header .-ti01 {
		text-align: left;
		padding-left: 49%;
	}
	.sec-artrooms .-imglist {
		height: 720px;
		height: calc(100% * 720 / 1400);
		padding: 60px 40px;
		padding: calc(100% * 60 / 1400) calc(100% * 40 / 1400);
	}
	.sec-artrooms .-imglist .-name {
		width: 360px;
		width: calc(100vw * 360 / 1320);
		min-width: calc(1110px * 360 / 1320);
		position: absolute;
		z-index: 0;
		display: block;
		top: 50%;
		transform: translateY(-50%);
	}
	.sec-artrooms .-imglist .-imgbg {
		width: 610px;
		width: calc(100% * 610 / 1320);
	}
	.sec-artrooms .-imglist .-imgbg.-bg01 {
		background-image: url("../img/artrooms/bg01.jpg");
	}
	.sec-artrooms .-imglist .-imgbg.-bg02 {
		background-image: url("../img/artrooms/bg02.jpg");
	}
	.sec-artrooms .-imglist .-imgbg.-bg03 {
		background-image: url("../img/artrooms/bg03.jpg");
	}
	.sec-artrooms .-imglist .-imgbg.-bg04 {
		background-image: url("../img/artrooms/bg04.jpg");
	}
	.sec-artrooms .-imglist .-imgbg.-bg05 {
		background-image: url("../img/artrooms/bg05.jpg");
	}
	.sec-artrooms .-imglist .-imgbg.-bg06 {
		background-image: url("../img/artrooms/bg06.jpg");
	}
	.sec-artrooms .-imglist .-imgbg {
		width: calc(100vw * 610 / 1400);
		min-width: calc(1110px * 610 / 1400);
		height: 100%;
	}
	.sec-artrooms .-imglist .-img {
		width: 960px;
		width: calc(100% * 960 / 1320);
	}
}
@media screen and (max-width:787px) {
	.page-artrooms .contents-header {
		height: calc(100vw * 720 / 750);
		background-image: url("../img/artrooms/artist_title02_sp.png");
		background-size: calc(100% * 1400 / 750) auto;
	}
	.sec-artrooms .-imglist {
		padding: 50px 30px;
		padding: calc(100% * 50 / 750) calc(100% * 30 / 750);
	}
	.sec-artrooms .-imglist .-name {
		width: 315px;
		width: calc(100% * 630 / 690);
		margin-left: auto;
	}
	.sec-artrooms .-imglist .-imgbg {
		width: 34%;
		height: 100%;
		left: 0;
		top: 0;
	}
	.sec-artrooms .-imglist .-imgbg.-bg01 {
		background-image: url("../img/artrooms/bg01_sp.jpg");
	}
	.sec-artrooms .-imglist .-imgbg.-bg02 {
		background-image: url("../img/artrooms/bg02_sp.jpg");
	}
	.sec-artrooms .-imglist .-imgbg.-bg03 {
		background-image: url("../img/artrooms/bg03_sp.jpg");
	}
	.sec-artrooms .-imglist .-imgbg.-bg04 {
		background-image: url("../img/artrooms/bg04_sp.jpg");
	}
	.sec-artrooms .-imglist .-imgbg.-bg05 {
		background-image: url("../img/artrooms/bg05_sp.jpg");
	}
	.sec-artrooms .-imglist .-imgbg.-bg06 {
		background-image: url("../img/artrooms/bg06_sp.jpg");
	}
	.sec-artrooms .-imglist .-img {
		width: 315px;
		width: calc(100% * 630 / 690);
	}
}
.sec-artrooms2 {
}
.sec-artrooms2 > .-text {
	letter-spacing: 0;
	line-height: 2.5;
	text-align: center;
}
.sec-artrooms2 .-ti {
	font-weight: 700;
	line-height: 1.45;
	text-align: center;
	margin: 0 -1em .5em;
}
.sec-artrooms2 .-imglist {
	position: relative;
	background: 0 0 no-repeat;
	background-size: auto 100%;
}
.sec-artrooms2 .-imglist .-name {
	position: relative;
	z-index: 2;
	line-height: 1;
}
.sec-artrooms2 .-imglist .-name img {
	width: auto;
	height: 1em;
}
.sec-artrooms2 .-imglist .-text {
	position: relative;
	z-index: 0;
	letter-spacing: 0;
}
.sec-artrooms2 .-imglist .-imgbg {
	height: 100%;
	background: 0 100% no-repeat;
	background-size: cover;
	position: absolute;
	z-index: 0;
	display: block;
	top: 0;
}
.sec-artrooms2 .-imglist .-img {
	position: relative;
	z-index: 1;
	margin-left: auto;
}
@media print, screen and (min-width:788px) {
	.sec-artrooms2 .-title {
		font-size: 18px;
		font-weight: 900;
		margin-bottom: .8em;
	}
	.sec-artrooms2 > .-text {
		margin-bottom: 155px;
	}
	.sec-artrooms2 .-ti {
		font-size: 22px;
	}
	.sec-artrooms2 .-imglist {
		height: 720px;
		height: calc(100% * 720 / 1400);
		padding: 60px 0;
		padding: calc(100% * 60 / 1400) calc(100% * 0 / 1400) calc(100% * 25 / 1400) ;
		margin: 0 40px;
		margin: 0 calc(100% * 40 / 1400);
	}
	.sec-artrooms2 .-imglist + .-imglist {
		margin-top: 150px;
		margin-top: calc(100% * 150 / 1400);
	}
	.sec-artrooms2 .-imglist .-name {
		font-size: calc(100vw * 66 / 1400);
		position: absolute;
		display: block;
		right: 0;
		top: 3px;
	}
	.sec-artrooms2 .-imglist .-text {
		width: 16em;
		position: absolute;
		display: block;
		top: 50%;
		left: 18%;
		transform: translate(-50%,-50%);
		z-index: 0;
	}
	.sec-artrooms2 .-imglist .-imgbg {
		width: 564px;
		width: calc(100% * 564 / 1320);
	}
	.sec-artrooms2 .-imglist:nth-child(2n) .-img img {
			border-top-left-radius: 3.1em;
			border-bottom-right-radius: 3.1em;
	}
	.sec-artrooms2 .-imglist:nth-child(2n+1) .-img img {
			border-top-right-radius: 3.1em;
			border-bottom-left-radius: 3.1em;
	}
	.sec-artrooms2 .-imglist:nth-child(2n+1) .-img {
		margin-left: 0;
		margin-right: auto;
	}
	.sec-artrooms2 .-imglist:nth-child(2n+1) .-name {
		right: auto;
		left: 0;
	}
	.sec-artrooms2 .-imglist:nth-child(2n+1) .-text {
		left: auto;
		right: 18%;
		transform: translate(50%,-50%);
	}
	.sec-artrooms2 .-imglist:nth-child(2n+1) .-imgbg {
		left: auto;
		right: 0;
	}
	.sec-artrooms2 .-imglist .-imgbg.-bg07 {
		background-image: url("../img/artrooms/bg07.jpg");
	}
	.sec-artrooms2 .-imglist .-imgbg.-bg08 {
		background-image: url("../img/artrooms/bg08.jpg");
	}
	.sec-artrooms2 .-imglist .-imgbg.-bg09 {
		background-image: url("../img/artrooms/bg09.jpg");
	}
	.sec-artrooms2 .-imglist .-imgbg {
		width: calc(100vw * 564 / 1400);
		min-width: calc(1110px * 564 / 1400);
		height: 100%;
	}
	.sec-artrooms2 .-imglist .-img {
		width: 886px;
		width: calc(100% * 886 / 1320);
	}
}
@media screen and (max-width: 1110px) {
	.sec-artrooms2 .-imglist .-name {
		font-size: calc(1110px * 66 / 1400);
	}
}
@media screen and (max-width:787px) {
	.sec-artrooms2 .-ti {
		font-size: 16px;
	}
	.sec-artrooms2 > .-text {
		font-size: 14px;
		line-height: 2.57;
		margin-bottom: 7em;
	}
	.sec-artrooms2 .-imglist {
		padding: 0 0 calc(100% * 100 / 750);
		margin: 0 calc(100% * 30 / 750);
	}
	.sec-artrooms2 .-imglist + .-imglist {
		margin-top: calc(100% * 100 / 750);
	}
	.sec-artrooms2 .-imglist .-name {
		font-size: calc(100vw * 82 / 750);
		text-align: right;
		margin-bottom: -1.8%;
	}
	.sec-artrooms2 .-imglist .-text {
		font-size: 14px;
		width: calc(100vw * 610 / 750);
		padding: 2em 2em 0;
		line-height: 1.92;
	}
	.sec-artrooms2 .-imglist .-img img {
			border-top-left-radius: 2.2em;
			border-bottom-right-radius: 2.2em;
	}
	.sec-artrooms2 .-imglist .-imgbg {
		width: calc(100vw * 610 / 750);
		height: calc(100vw * 856 / 750);
		left: 0;
		top: auto;
		bottom: 0;
	}
	.sec-artrooms2 .-imglist .-imgbg.-bg07 {
		background-image: url("../img/artrooms/bg07_sp.jpg");
	}
	.sec-artrooms2 .-imglist .-imgbg.-bg08 {
		background-image: url("../img/artrooms/bg08_sp.jpg");
	}
	.sec-artrooms2 .-imglist .-imgbg.-bg09 {
		background-image: url("../img/artrooms/bg09_sp.jpg");
	}
	.sec-artrooms2 .-imglist .-img {
		width: 308px;
		width: calc(100% * 616 / 690);
	}
}
.sec-facility {
	letter-spacing: 0;
	padding-top: 45px;
}
.sec-facility .-ti02 {
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
}
.sec-facility .-ti02 img.-name {
	width: auto;
	height: 2.17em;
}
.sec-facility .-ti03 {
	text-align: center;
	margin-bottom: 1em;
	line-height: 1;
}
.sec-facility .-ti03 img {
	width: auto;
	height: 1em;
}
.sec-facility .-ti04 {
	font-weight: 700;
	text-align: center;
	margin-bottom: 1em;
}
.sec-facility .-ti04 img.-name {
	width: auto;
	height: 2.1em;
}
.sec-facility .-text {
	letter-spacing: 0;
}
.sec-facility .-text1 {
	line-height: 2.14;
}
.sec-facility .-text1 .-lead {
	font-weight: 500;
	margin-bottom: 2em;
}
.sec-facility .-text1 h2 {
	text-align: center;
}
.sec-facility .-text1 h3 {
	margin: .5em 0 0;
}
.sec-facility .-text2 {
	max-width: 1150px;
	margin: 150px auto;
	padding: 0 25px;
}
.sec-facility .-text3 {
	background: url("../img/bg01.png") 50% 0;
	margin: 180px 0 200px;
	padding: 35px 25px 65px;
}
.sec-facility .swiper-mv {
	position: relative;
}
.sec-facility .swiper-mv .-imgbg {
	height: 100%;
	background: url("../img/bg02_orange.jpg") 50% 100% no-repeat;
	background-size: cover;
	position: absolute;
	z-index: 0;
	display: block;
	top: 0;
	left: 0;
}
.sec-facility .swiper-mv .swiper-button-next, .sec-facility .swiper-mv .swiper-button-prev {
	background: url("../img/icon_arrow02.svg") 50% 50% no-repeat;
	background-size: contain;
	width: 20px;
	height: 36px;
	opacity: .7;
}
.sec-facility .swiper-mv .swiper-button-next {
	transform: rotate(180deg);
}
.sec-facility .swiper-mv .swiper-button-next:after, .sec-facility .swiper-mv .swiper-button-prev:after {
	display: none;
}
.sec-facility .swiper-mv .swiper-pagination {
	line-height: 1;
	bottom: 0;
}
.sec-facility .swiper-mv .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #ffffff;
	margin: 0 10px;
	opacity: 1;
}
.sec-facility .swiper-mv .swiper-pagination-bullet-active {
	background: #64c83c;
}
.sec-facility .-list-spec {
	display: flex;
	justify-content: center;
	text-align: center;
	font-weight: 500;
	margin: 160px 0;
}
.sec-facility .-list-spec .-ti {
	width: 63px;
	height: 63px;
	background: 50% 50% no-repeat;
	background-size: contain;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	margin: 0 auto 1em;
}
.sec-facility .-list-spec .-ti.-spec01 {
	background-image: url("../img/icon_spec01.svg");
}
.sec-facility .-list-spec .-ti.-spec02 {
	background-image: url("../img/icon_spec02.svg");
}
.sec-facility .-list-spec .-ti.-spec03 {
	background-image: url("../img/icon_spec03.svg");
}
.sec-facility .-vrbox {
}
.sec-facility .-vrbox .-vr {
	position:relative;
	height:0;
	padding-bottom:56.25%
}
.sec-facility .-vrbox .-vr::after {
	content: "";
	background: #fff000;
	width: 100%;
	height:100%;
	position:absolute;
	top:22px;
	left:22px;
	z-index: 1;
}
.sec-facility .-vrbox .-vr iframe {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index: 2;
}
.sec-facility .-list-facility {
	font-weight: 500;
	position: relative;
	padding: 2em 6em;
	line-height: 1.5;
}
.sec-facility .-list-facility::before {
	content: "";
	border: 1px solid #fff;
	border-right: 0;
	width: 1em;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.sec-facility .-list-facility::after {
	content: "";
	border: 1px solid #fff;
	border-left: 0;
	width: 1em;
	height: 100%;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}
.sec-facility .-list-facility li {
	padding: .3em 0 .3em 1em;
	text-indent: -1em;
}
.sec-facility .-list-facility li::before {
	content: "・";
}
.sec-facility .-list-others {
	display: flex;
	flex-wrap: wrap;
}
.sec-facility .-list-others .-list-other {
	position: relative;
	background: #fff;
	font-weight: 500;
	transition: .2s all ease-in;
}
.sec-facility .-list-others .-list-other:hover {
	transform: scale(1.05);
}
.sec-facility .-list-others .-list-other .-ti {
	font-weight: 700;
}
.sec-facility .-list-others .-list-other .-text {
	padding: 1em 2em 3em;
}
.sec-facility .-list-others .-list-other .-link {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.sec-facility .-list-others .-list-other .-link > span {
	font-weight: 300;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 0;
	bottom: 0;
	background: #000;
	color: #fff;
	border-top-left-radius: .8em;
}
.sec-facility.page-tomoyuki-washio .swiper-mv .-imgbg {
	background-image: url("../img/bg02_green.jpg");
}
.sec-facility.page-tomoyuki-washio .swiper-mv .swiper-pagination-bullet-active {
	background-color: #ff7d00;
}
.sec-facility.page-yoshiaki-kaihatsu .swiper-mv .-imgbg {
	background-image: url("../img/bg02_blue.jpg");
}
.sec-facility.page-yoshiaki-kaihatsu .swiper-mv .swiper-pagination-bullet-active {
	background-color: #00dcdc;
}
.page-artrooms .sec-facility .-btn.-btn05 a {
	background: #fff58f;
}
.page-artrooms .sec-facility .-list-spec .-ti.-spec01 {
	background-image: url("../img/icon_spec01_green.svg");
}
.page-artrooms .sec-facility .-list-spec .-ti.-spec02 {
	background-image: url("../img/icon_spec02_green.svg");
}
.page-artrooms .sec-facility .-list-spec .-ti.-spec03 {
	background-image: url("../img/icon_spec03_green.svg");
}
.page-artrooms .sec-facility .-text3 {
	background-image: url("../img/bg01_yellow.gif");
}
.page-guestrooms .sec-facility .-ti02 img.-name {
	width: auto;
	height: 2.39em;
}
.page-guestrooms .sec-facility .-ti04 img.-name {
	width: auto;
	height: 1.55em;
}
.page-guestrooms .sec-facility .-btn.-btn05 a {
	background: #63f3f3;
}
.page-guestrooms .sec-facility .swiper-mv .swiper-pagination-bullet-active {
	background-color: #fff000;
}
.page-guestrooms .sec-facility .-text3 {
	background-image: url("../img/bg01_blue.gif");
}
@media print, screen and (min-width:788px) {
	.sec-facility .-ti02 {
		font-size: 28px;
	}
	.sec-facility .-ti03 {
		font-size: 28px;
	}
	.sec-facility .-ti04 {
		font-size: 20px;
	}
	.sec-facility .-text1 {
		max-width: 1400px;
		text-align: center;
		font-size: 14px;
		margin: 0 auto;
		padding: 0 calc(100% * 100 / 1400);
	}
	.sec-facility .-text1 .-lead {
		font-size: 16px;
	}
	.sec-facility .-text1 h3 {
		text-align: center;
	}
	.sec-facility .-text1 .-text--pc-col3 {
		display: flex;
		justify-content: space-between;
	}
	.sec-facility .-text1 .-text--pc-col3 > div {
		width: 30.33%;
		margin: 0 1.5%;
		text-align: left;
	}
	.sec-facility .-text2 {
	}
	.sec-facility .swiper-mv {
		margin: calc(100% * 50 / 1400) 0;
		padding: calc(100% * 33 / 1400) calc(100% * 50 / 1400);
	}
	.sec-facility .swiper-mv .-imgbg {
		width: calc(100% * 470 / 1400);
		height: 100%;
	}
	.sec-facility .-list-spec {
		font-size: 14px;
	}
	.sec-facility .-list-spec li {
		width: 280px;
	}
	.sec-facility .-vrbox {
		max-width: 1400px;
		margin: -40px auto 140px;
		padding: 0 100px;
		padding: 0 calc(100% * 100 / 1400);
	}
	.sec-facility .-list-facility {
		font-size: 15px;
		display: flex;
		flex-wrap: wrap;
	}
	.sec-facility div.-list-facility ul,
	.sec-facility ul.-list-facility li {
		width: 33.33%;
	}
	.sec-facility .-list-others {
		max-width: 880px;
		margin: 0 auto -18px;
	}
	.sec-facility .-list-others .-list-other {
		font-size: 14px;
		width: 388px;
		max-width: 388px;
		margin: 0 26px 18px;
	}
	.sec-facility .-list-others .-list-other .-ti {
		font-size: 16px;
	}
	.sec-facility .-list-others .-list-other .-link > span {
		font-size: 14px;
		width: 112px;
		height: 30px;
	}
	.page-guestrooms .sec-facility .-list-others {
		max-width: 1252px;
	}
	.page-guestrooms .sec-facility .-list-others .-list-other {
		width: 31.33%;
		max-width: 388px;
		margin: 0 1% 18px;
	}
}
@media screen and (max-width:787px) {
	.sec-facility {
		padding-top: calc(100vw * 40 / 750);
	}
	.sec-facility .-ti02 {
		font-size: 18px;
	}
	.sec-facility .-ti03 {
		font-size: 20px;
		margin-bottom: -.5em;
	}
	.sec-facility .-ti04 {
		font-size: 15px;
	}
	.sec-facility .-text1 {
		text-align: left;
		font-size: 12px;
		padding: 0 30px;
	}
	.sec-facility .-text1 .-lead {
		font-size: 14px;
	}
	.sec-facility .-text1 .-text--pc-col3 > div + div {
		margin-top: 3em;
	}
	.sec-facility .-text2 {
		margin: 85px auto;
	}
	.sec-facility .-text3 {
		background-size: 590px auto;
		margin: 110px 0 100px;
		padding: 30px 0 40px;
	}
	.sec-facility .swiper-mv {
		margin: calc(100vw * 50 / 750) 0 calc(100vw * 60 / 750);
		padding: calc(100vw * 30 / 750) calc(100vw * 25 / 750) calc(100vw * 60 / 750);
	}
	.sec-facility .swiper-mv .-imgbg {
		width: calc(100vw * 110 / 750);
		height: calc(100vw * 760 / 750);
	}
	.sec-facility .swiper-mv .swiper-button-next, .sec-facility .swiper-mv .swiper-button-prev {
		display: none;
	}
	.sec-facility .swiper-mv .swiper-pagination-bullet {
		width: 7px;
		height: 7px;
		margin: 0 7px;
	}
	.sec-facility .-list-spec {
		font-size: 12px;
		margin: 105px 0 80px;
	}
	.sec-facility .-list-spec .-ti {
		width: 52px;
		height: 52px;
	}
	.sec-facility .-list-spec li {
		width: 280px;
	}
	.sec-facility .-vrbox {
		margin: 80px 0 100px;
		padding: 0 calc(100vw * 30 / 750);
	}
	.sec-facility .-vrbox .-vr::after {
		top:calc(100vw * 22 / 750);
		left:calc(100vw * 15 / 750);
	}
	.sec-facility .-list-facility {
		font-size: 13px;
		padding: 3em 3em;
	}
	.sec-facility .-list-facility::before,
	.sec-facility .-list-facility::after {
		width: 2em;
	}
	.sec-facility .-list-others {
		max-width: 880px;
		margin: 0 2.6% -4%;
	}
	.sec-facility .-list-others .-list-other {
		font-size: 11px;
		width: 47%;
		margin: 0 1.5% 4%;
	}
	.sec-facility .-list-others .-list-other .-ti {
		font-size: 11.5px;
		line-height: 1.3;
	}
	.sec-facility .-list-others .-list-other .-ti .fs-s {
		font-size: 10px;
	}
	.sec-facility .-list-others .-list-other .-text {
		padding: 1em 1em 3em;
	}
	.sec-facility .-list-others .-list-other .-link > span {
		font-size: 10px;
		width: 74px;
		height: 20px;
	}
	.sec-facility .swiper-mv {
		margin-bottom: calc(100vw * 50 / 750);
	}
	.page-guestrooms .sec-facility .-ti02 img.-name {
		height: 1.88em;
	}
	.page-guestrooms .sec-facility .-text1 {
		font-size: 14px;
		line-height: 2;
	}
}

.sec-groovestore > .-text {
	letter-spacing: 0;
	text-align: center;
	line-height: 2.5;
	margin-bottom: 10em;
}
.sec-groovestore .-text1 .-note.-right {
	text-align: right;
}
.sec-groovestore .-ti02 {
	line-height: 1;
	text-align: center;
}
.sec-groovestore .-ti02 img {
	width: auto;
	position: relative;
	height: 1em;
}
.sec-groovestore .-itemlists {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}
.sec-groovestore .-itemlists .-itemlist {
	position: relative;
	width: 282px;
}
.sec-groovestore .-itemlists .-itemlist a {
	display: block;
	text-decoration: none;
	transition: .2s all ease-in;
}
.sec-groovestore .-itemlists .-itemlist a:hover {
	transform: scale(1.05);
}
.sec-groovestore .-itemlists .-itemlist .-img {
	background: #fff;
	padding: 3%;
}
.sec-groovestore .-itemlists .-itemlist .-text {
	line-height: 1.5;
	letter-spacing: 0;
	padding: .5em 0;
}
.sec-groovestore .-itemlists .-itemlist .-text p {
	margin: 0;
}
.sec-groovestore .-mv {
	position: relative;
	z-index: 2;
}
.page-groovestore .c-bg div[class^="c-bg-block_item -bgimg"],
.sec-groovestore .c-bg div[class^="c-bg-block_item -bgimg"]{
	background: 0 0 no-repeat;
	background-size: cover;
	position: absolute;
}
.page-groovestore .c-bg div.-bgimg01 {
	background-image: url("../img/groovestore_bg01.png");
}
.page-groovestore .c-bg div.-bgimg02 {
	background-image: url("../img/groovestore_bg02.png");
}
.sec-groovestore .c-bg div.-bgimg04 {
	background-image: url("../img/groovestore_bg04.png");
}
.sec-groovestore .c-bg div.-bgimg05 {
	background-image: url("../img/groovestore_bg05.png");
}
.sec-groovestore .c-bg div.-bgimg06 {
	background-image: url("../img/groovestore_bg06.png");
}
.sec-groovestore .c-bg div.-bgimg07 {
	background-image: url("../img/groovestore_bg07.png");
	z-index: 1;
}
.sec-groovestore .c-bg div.-bgimg08 {
	background-image: url("../img/groovestore_bg08.png");
}
.sec-groovestore .c-bg div.-bgimg09 {
	background-image: url("../img/groovestore/bg01.png");
}
@media print, screen and (min-width:788px) {
	.page-groovestore .contents-header {
		height: 567px;
	}
	.page-groovestore .contents-header .-ti01 {
		text-align: left;
		padding-left: 38%;
	}
	.sec-groovestore .-ti02 {
		font-size: 42px;
		margin-bottom: 70px;
	}
	.sec-groovestore .-text1 {
		max-width: 1400px;
		margin: 50px auto 0;
		padding: 0 calc(100% * 100 / 1400);
	}
	.sec-groovestore .-text1 .-note.-right {
		font-size: 14px;
	}
	.sec-groovestore .-itemlists {
		margin: 0 auto;
		max-width: 1400px;
		padding: 0 calc(100% * 100 / 1400);
    justify-content: flex-start;
	}
	.sec-groovestore .-itemlists .-itemlist {
		width: 23.5%;
		margin-bottom: 50px;
	}
	.sec-groovestore .-itemlists .-itemlist:not(:nth-child(4n+1)) {
		margin-left: 2%;
	}
	.sec-groovestore .-itemlists .-itemlist .-text {
		font-size: 15px;
	}
	.sec-groovestore .-itemlists .-itemlist .-price span {
		font-size: 12px;
	}
	.sec-groovestore .-mv {
		height: calc(1110px * 762 / 1400);
		margin-bottom: 180px;
	}
	.sec-groovestore .-mv .c-bg .-ti {
		width: calc(100% * 460 / 1400);
		top: calc(1110px * 97 / 1400);
		right: calc(100% * 39 / 1400);
		z-index: 2;
	}
	.sec-groovestore .-mv .-img01 {
		width: calc(100% * 820 / 1400);
		position: relative;
		margin-left: calc(100% * 44 / 1400);
		overflow: hidden;
		border-top-left-radius: calc(1110px * 70 / 1400);
		z-index: 2;
	}
	.sec-groovestore .-mv .-img02 {
		width: calc(100% * 464 / 1400);
		position: absolute;
		top: calc(1110px * 257 / 1400);
		right: calc(100% * 34 / 1400);
		overflow: hidden;
		border-bottom-right-radius: calc(1110px * 70 / 1400);
		z-index: 2;
	}
	.sec-groovestore .-mv .-text {
		position: absolute;
		font-size: calc(1110px * 16 / 1400);
		width: calc(1110px * 820 / 1400);
		top: calc(1110px * 600 / 1400);
		left: calc(1110px * 44 / 1400);
		text-align: center;
		z-index: 3;
	}
	.page-groovestore .c-bg div.-bgimg01 {
		width: calc(1110px * 421 / 1400);
		height: calc(1110px * 422 / 1400);
		top: calc(1110px * -29 / 1400);
		left: calc(1110px * -104 / 1400);
	}
	.page-groovestore .c-bg div.-bgimg02 {
		width: calc(1110px * 290 / 1400);
		height: calc(1110px * 290 / 1400);
		top: calc(1110px * -98 / 1400);
		left: calc(1110px * 185 / 1400);
	}
	.sec-groovestore .c-bg div.-bgimg04 {
		width: calc(1110px * 208 / 1400);
		height: calc(1110px * 208 / 1400);
		top: calc(1110px * 46 / 1400);
		right: calc(1110px * 313 / 1400);
		z-index: 1;
	}
	.sec-groovestore .c-bg div.-bgimg05 {
		width: calc(1110px * 451 / 1400);
		height: calc(1110px * 162 / 1400);
		top: calc(1110px * -105 / 1400);
		right: calc(1110px * -224 / 1400);
		z-index: 1;
	}
	.sec-groovestore .c-bg div.-bgimg06 {
		width: calc(1110px * 881 / 1400);
		height: calc(1110px * 266 / 1400);
		top: calc(1110px * -59 / 1400);
		right: calc(1110px * -463 / 1400);
	}
	.sec-groovestore .c-bg div.-bgimg07 {
		width: calc(100% * 972 / 1400);
		height: calc(1110px * 327 / 1400);
		bottom: calc(1110px * 34 / 1400);
		left: calc(1110px * -83 / 1400);
	}
	.sec-groovestore .c-bg div.-bgimg08 {
		width: calc(100% * 896 / 1400);
		height: calc(1110px * 304 / 1400);
		bottom: 0;
		left: calc(1110px * -53 / 1400);
	}
	.sec-groovestore .c-bg div.-bgimg09 {
		width: 886px;
		height: 282px;
		left: -592px;
		margin-top: -90px;
		z-index: 0;
	}
}
@media screen and (min-width: 1111px) {
	.sec-groovestore .-mv {
		height: calc(100vw * 762 / 1400);
	}
	.sec-groovestore .-mv .c-bg .-ti {
		top: calc(100vw * 97 / 1400);
	}
	.sec-groovestore .-mv .-img01 {
		border-top-left-radius: calc(100vw * 70 / 1400);
	}
	.sec-groovestore .-mv .-img02 {
		top: calc(100vw * 257 / 1400);
		border-bottom-right-radius: calc(100vw * 70 / 1400);
	}
	.sec-groovestore .-mv .-text {
		font-size: calc(100vw * 16 / 1400);
		width: calc(100vw * 820 / 1400);
		top: calc(100vw * 600 / 1400);
		left: calc(100vw * 44 / 1400);
	}
	.page-groovestore .c-bg div.-bgimg01 {
		width: calc(100vw * 421 / 1400);
		height: calc(100vw * 422 / 1400);
		top: calc(100vw * -29 / 1400);
		left: calc(100vw * -104 / 1400);
	}
	.page-groovestore .c-bg div.-bgimg02 {
		width: calc(100vw * 290 / 1400);
		height: calc(100vw * 290 / 1400);
		top: calc(100vw * -98 / 1400);
		left: calc(100vw * 185 / 1400);
	}
	.sec-groovestore .c-bg div.-bgimg04 {
		width: calc(100vw * 208 / 1400);
		height: calc(100vw * 208 / 1400);
		top: calc(100vw * 46 / 1400);
		right: calc(100vw * 313 / 1400);
	}
	.sec-groovestore .c-bg div.-bgimg05 {
		width: calc(100vw * 451 / 1400);
		height: calc(100vw * 162 / 1400);
		top: calc(100vw * -105 / 1400);
		right: calc(100vw * -224 / 1400);
	}
	.sec-groovestore .c-bg div.-bgimg06 {
		width: calc(100vw * 881 / 1400);
		height: calc(100vw * 266 / 1400);
		top: calc(100vw * -59 / 1400);
		right: calc(100vw * -463 / 1400);
	}
	.sec-groovestore .c-bg div.-bgimg07 {
		height: calc(100vw * 327 / 1400);
		bottom: calc(100vw * 34 / 1400);
		left: calc(100vw * -83 / 1400);
	}
	.sec-groovestore .c-bg div.-bgimg08 {
		height: calc(100vw * 304 / 1400);
		left: calc(100vw * -53 / 1400);
	}
}
@media screen and (max-width:787px) {
	.page-groovestore .contents-header {
		height: calc(100vw * 720 / 750);
	}
	.sec-groovestore .-ti02 {
		font-size: 23px;
		margin-bottom: 33px;
	}
	.sec-groovestore .-text1 {
		margin-top: 25px;
		padding: 0 4%;
	}
	.sec-groovestore .-text1 .-note.-right {
		font-size: 11px;
	}
	.sec-groovestore .-itemlists {
		padding: 0 4%;
	}
	.sec-groovestore .-itemlists .-itemlist {
		width: 48.2%;
		margin-bottom: 25px;
	}
	.sec-groovestore .-itemlists .-itemlist .-text {
		font-size: 11px;
	}
	.sec-groovestore .-itemlists .-itemlist .-ti {
		font-size: 12px;
	}
	.sec-groovestore .-itemlists .-itemlist .-price span {
		font-size: 10px;
	}
	.sec-groovestore .-mv {
		margin-bottom: 123px;
	}
	.sec-groovestore .-mv .c-bg .-ti {
		width: calc(100vw * 533 / 750);
		margin-top: calc(100vw * 118 / 750);
		left: calc(100vw * 10 / 750);
		position: relative;
		z-index: 2;
	}
	.sec-groovestore .-mv .-img01 {
		position: relative;
		margin: 0 calc(100vw * 47 / 750);
		overflow: hidden;
		border-top-left-radius: calc(100vw * 70 / 750);
		z-index: 2;
	}
	.sec-groovestore .-mv .-img02 {
		display: none;
	}
	.sec-groovestore .-mv .-text {
		font-size: 14px;
		letter-spacing: 0;
		text-align: center;
		line-height: 2.57;
		margin-bottom: 7.14em;
	}
	.page-groovestore .c-bg div.-bgimg01 {
		width: calc(100vw * 421 / 750);
		height: calc(100vw * 422 / 750);
		top: calc(100vw * -142 / 750);
		left: calc(100vw * -142 / 750);
	}
	.page-groovestore .c-bg div.-bgimg02 {
		width: calc(100vw * 288 / 750);
		height: calc(100vw * 288 / 750);
		top: calc(100vw * -201 / 750);
		left: calc(100vw * 166 / 750);
	}
	.sec-groovestore .c-bg div.-bgimg04 {
		width: calc(100vw * 224 / 750);
		height: calc(100vw * 224 / 750);
		margin-top: calc(100vw * -45 / 750);
		right: calc(100vw * 254 / 750);
		z-index: 1;
	}
	.sec-groovestore .c-bg div.-bgimg05 {
		width: calc(100vw * 632 / 750);
		height: calc(100vw * 230 / 750);
		margin-top: calc(100vw * -134 / 750);
		right: calc(100vw * -435 / 750);
		z-index: 1;
	}
	.sec-groovestore .c-bg div.-bgimg06 {
		width: calc(100vw * 875 / 750);
		height: calc(100vw * 402 / 750);
		margin-top: calc(100vw * -84 / 750);
		right: calc(100vw * -540 / 750);
	}
	.sec-groovestore .c-bg div.-bgimg07 {
		width: calc(100vw * 927 / 750);
		height: calc(100vw * 359 / 750);
		bottom: calc(100vw * 220 / 750);
		left: calc(100vw * -349 / 750);
	}
	.sec-groovestore .c-bg div.-bgimg08 {
		width: calc(100vw * 896 / 750);
		height: calc(100vw * 304 / 750);
		bottom: calc(100vw * 198 / 750);
		left: calc(100vw * -364 / 750);
	}
	.sec-groovestore .c-bg div.-bgimg09 {
		width: 481.5px;
		height: 153.5px;
		left: -373px;
		margin-top: -41px;
		width: calc( 100vw * 963 / 750);
		height: calc( 100vw * 307 / 750);
		left: calc( 100vw * -746 / 750);
		z-index: 0;
	}
}
.sec-groovestore2 {
  position: relative;
}
.sec-groovestore2 .-img {
  border-top-left-radius: 60px;
	overflow: hidden;
  position: relative;
	z-index: 2;
}
.sec-groovestore2 .-title {
	font-weight: 700;
	margin-bottom: .5em;
}
.sec-groovestore2 .-text {
  position: relative;
	z-index: 1;
}
.sec-groovestore2 .-text .-detail {
	background: url("../img/groovestore/bg03.png");
	background-size: cover;
	letter-spacing: 0;
	line-height: 2.26;
  position: relative;
	z-index: 2;
}
.sec-groovestore2 .-text::after {
	content: "";
	width: 100%;
	height: 100%;
	background: url("../img/groovestore/bg04.png");
	background-size: cover;
  position: absolute;
	z-index: -1;
	display: block;
}
.sec-groovestore2 .c-bg div.-bgimg10,
.sec-groovestore2 .c-bg div.-bgimg11 {
	background-image: url("../img/groovestore/bg02.png");
	z-index: 0;
}
@media print, screen and (min-width:788px) {
	.sec-groovestore2 {
		max-width: 950px;
		margin: 170px auto 0;
		display: flex;
	}
	.sec-groovestore2 .-img {
		width: 50%;
		position: relative;
	}
	.sec-groovestore2 .-title {
		font-size: 22px;
	}
	.sec-groovestore2 .-text {
		font-size: 16px;
		text-align: left;
		width: 53%;
		margin: 120px 0 0 -3%;
	}
	.sec-groovestore2 .-text::after {
		top: 32px;
		left: 17px;
	}
	.sec-groovestore2 .-text .-detail {
		padding: 5em 3em 5em 7em;
		line-height: 2.13;
	}
	.sec-groovestore2 .c-bg div.-bgimg10 {
		width: 297px;
		height: 282px;
		right: -151px;
		top: -139px;
	}
	.sec-groovestore2 .c-bg div.-bgimg11 {
		width: 297px;
		height: 282px;
		left: -105px;
		bottom: 46px;
	}
}
@media screen and (max-width:787px) {
	.sec-groovestore2 {
		margin: 100px 0 calc( 100vw * 280 / 750);
    padding: 0 4%;
	}
	.sec-groovestore2 .-img {
    border-top-left-radius: 30px;
		margin: 0 20% 0 0;
	}
	.sec-groovestore2 .-title {
		font-size: 15px;
	}
	.sec-groovestore2 .-text {
		text-align: left;
		margin: -30px 0 0 17.68%;
	}
	.sec-groovestore2 .-text::after {
		top: 17px;
		left: 7px;
	}
	.sec-groovestore2 .-text .-detail {
		padding: 60px 33px 50px;
	}
	.sec-groovestore2 .c-bg div.-bgimg10 {
		width: 161px;
		height: 153.5px;
		left: -52px;
		bottom: -66px;
		width: calc( 100vw * 322 / 750);
		height: calc( 100vw * 307 / 750);
		left: calc( 100vw * -104 / 750);
		bottom: calc( 100vw * -132 / 750);
	}
	.sec-groovestore2 .c-bg div.-bgimg11 {
		height: 153.5px;
		width: 161px;
		right: -50px;	
		top: 51px;
		width: calc( 100vw * 322 / 750);
		height: calc( 100vw * 307 / 750);
		right: calc( 100vw * -100 / 750);
		top: calc( 100vw * 102 / 750);
	}
}


.page-access .contents-header {
	background: none;
}
.page-access .contents-header .c-bg .-bg01 {
	background: url("../img/access_title02.png") 0 0 no-repeat;
	background-size: contain;
	width: 182px;
	padding-top: 861px;
	top: 19px;
	left: 18px;
	overflow: hidden;
	z-index: 2;
}
.page-access .scroll-logo {
	filter: hue-rotate(-200deg);
	opacity: .7;
}
.page-guestrooms .scroll-logo {
	filter: hue-rotate(-40deg);
}
.page-groovemusic .scroll-logo {
	/*filter: hue-rotate(210deg);
	filter: hue-rotate(260deg) brightness(80%);
	filter: invert(100%) hue-rotate(260deg);*/
	filter: invert(100%) hue-rotate(110deg);
}
.sec-access {
	padding-bottom: 0 !important;
}
.sec-access .nav-pagelink1 {
	display: flex;
	justify-content: center;
	margin: 200px 0 210px;
}
.sec-access .nav-pagelink1 li {
	margin: 0 45px;
	background: #ffffff;
	padding: 2px;
}
.sec-access .nav-pagelink1 a {
	background: #008cbe url(../img/access/bg02.jpg);
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	width: 404px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom-right-radius: 40px;
	text-decoration: none;
	position: relative;
	line-height: 1;
}
.sec-access .nav-pagelink1 a::after,
.sec-access .nav-pagelink1 a .-hover::after {
	content: "";
	width: 20px;
	height: 20px;
  background: url("../img/icon_arrow02.svg") 50% 50% no-repeat;
	background-size: contain;
	position: absolute;
	right: .5em;
	top: 50%;
  transform: translateY(-50%) rotate(-90deg);
	display: block;
}
.sec-access .nav-pagelink1 a .-hover{
	width: 100%;
	height: 0%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	color: #008cbe;
	transition: .2s all ease-in;
	pointer-events: none;
	z-index: 2;
	left: 0;
	overflow: hidden;
}
.sec-access .nav-pagelink1 a .-hover::after {
	background-image: url("../img/icon_arrow02_blue.svg");
}
.sec-access .nav-pagelink1 a:hover .-hover{
	height: 100%;
}
.sec-access .nav-pagelink2 {
	display: flex;
	justify-content: space-between;
	margin: 120px 0 200px;
	position: relative;
}
.sec-access .nav-pagelink2 li {
	background: #008cbe;
	padding: 2px;
}
.sec-access .nav-pagelink2 a {
	background: #ffffff;
	color: #008cbe;
	font-size: 16px;
	font-weight: 500;
	width: 332px;
	height: 66px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom-right-radius: 25px;
	text-decoration: none;
	position: relative;
	line-height: 1;
}
.sec-access .nav-pagelink2 a::after,
.sec-access .nav-pagelink2 a .-hover::after {
	content: "";
	width: 20px;
	height: 20px;
  background: url("../img/icon_arrow02_blue.svg") 50% 50% no-repeat;
	background-size: contain;
	position: absolute;
	right: .5em;
	top: 50%;
  transform: translateY(-50%) rotate(-90deg);
	display: block;
}
.sec-access .nav-pagelink2 a .-hover{
	width: 100%;
	height: 0%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #008cbe;
	color: #fff;
	transition: .2s all ease-in;
	pointer-events: none;
	z-index: 2;
	left: 0;
	overflow: hidden;
}
.sec-access .nav-pagelink2 a .-hover::after {
	background-image: url("../img/icon_arrow02.svg");
}
.sec-access .nav-pagelink2 a:hover .-hover{
	height: 100%;
}
.sec-access .-link {
	text-align: right;
	margin: 1em 0 0;
	position: relative;
}
.sec-access .-title2 {
	font-size: 26px;
	font-weight: 900;
	margin-top: 380px;
	margin-bottom: 60px;
	text-align: center;
	position: relative;
	z-index: 5;
}
.sec-access .-title2 img {
	display: block;
	width: auto;
	height: 3.07em;
	margin: auto;
}
.sec-access .-title3 {
	height: 100px;
	background: #fbeb3e;
	color: #fff;
	font-size: 26px;
	font-weight: 600;
	position: relative;
	margin: 200px auto 70px;
}
.sec-access .-title3 .-bg {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 50px;
	position: relative;
}
.sec-access .-title3::before {
	content: "";
	width: 100vw;
	min-width: 1110px;
	height: 100%;
	background: #008cbe url(../img/access/bg01.jpg);
	border-top-left-radius: 65px;
	position: absolute;	
}
.sec-access .-title3:nth-of-type(2n)::before {
	border-top-left-radius: 0;
	border-top-right-radius: 65px;
	right: 0;
}
.sec-access .-title4 {
	font-weight: 800;
	margin-top: 2em;
}
.sec-access .-title4::before {
	content: "■";
	color: #fff000;
}
.sec-access .-title5 {
	font-weight: 600;
	margin-top: 4em;
}
.sec-access .-map {
	position: relative;
	width: 1100px;
	height: 0;
	margin: 0 auto;
	padding-top: 580px;
	overflow: hidden;
}
.sec-access .-map + .-link {
	margin: .3em 0 40px;
}
.sec-access .-map iframe {
	filter:saturate(150%);-webkit-filter:saturate(150%);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.sec-access .-mainimg {
	position: relative;
}
.sec-access .-imgbg {
	background: 0 0 no-repeat;
	background-size: cover;
	height: 100%;
	position: absolute;
	z-index: 0;
	top: 0;
	transition: .5s transform cubic-bezier(.17,.67,.83,1);
	right: 0;
}
.sec-access .-imgbg.-bg01 {
	background: #fff000;
		width: 100%;
}
.sec-access .-imgbg.-bg02 {
	min-width: 1110px;
	width: 100vw;
	height: 508px;
	background: #0092c2 url("../img/access_bg01.png") 0 50%;
	background-size: cover;
	color: #fff;
	border-top-right-radius: 9999em;
	border-bottom-right-radius: 9999em;
	top: auto;
	right: 0;
	margin-right: calc(100% * 220 / 1100);
}
.sec-access .-imgbg.-bg03 {
	width: 100vw;
	height: 508px;
	background: #fff000;
	border-top-left-radius: 9999em;
	border-bottom-left-radius: 9999em;
	top: auto;
	left: calc(100vw * 355 / 1100);
	margin-top: 320px;
}
.sec-access .-mainimg .-img {
	position: relative;
	z-index: 1;
}
.sec-access .-mainimg .-img .-caption {
	position: absolute;
	right: 0;
	top: 100%;
	padding-top: .5em;
}
.sec-access .-img {
	text-align: center;
}
.sec-access .-text {
	letter-spacing: 0;
	text-align: left;
}
.sec-access .-text.-address {
	padding: 70px 0 45px;
	position: relative;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
}
.sec-access dl.-detail dt::first-letter,
.sec-access ul.-detail li::first-letter {
	color: #fff000;
}
.sec-access dl.-detail {
	border-bottom: 2px solid #fff;
}
.sec-access dl.-detail dt {
	font-weight: 500;
}
.sec-access .-map .-btn-map {
	position: absolute;
	margin: 0;
	right: 0;
	bottom: 0;
	background: #000;
	border-radius: 50%;
	overflow: hidden;
}
.sec-access .-map .-btn-map a {
	display: block;
}
@media print, screen and (min-width:788px) {
	.sec-access:not(.sec-access-0) {
		max-width: 1150px;
		margin: 0 auto;
		padding: 0 25px;
	}
	.sec-access .-mainimg {
		margin: 0 50px 0 100px;
	}
	.sec-access dl.-detail {
		display: flex;
		margin-top: 2.5em;
		padding-bottom: 2.5em;
	}
	.sec-access dl.-detail dt {
		width: 500px;
		padding: 0 50px;
	}
	.sec-access .-map .-btn-map {
		width: 110px;
		right: 10px;
		bottom: 10px;
	}
	.sec-access .-imgbg.-bg01 {
		top: 50px;
		right: -50px;
	}
	.sec-access .-mainimg .-img .-caption {
		font-size: 14px;
	}
	.sec-access .-text {
		margin-top: 2em;
	}
	.sec-access .-title3 + .-img {
		margin-top: 100px;
	}
	.sec-access .-text + .-img {
		margin-top: 130px;
	}
	.sec-access .-img + .-img {
		margin-top: 160px;
	}
	.sec-access#access .-title2 {
		margin-top: 0;
	}
}
@media screen and (max-width:787px) {
	.page-access .contents-header .c-bg .-bg01 {
		width: calc(100% * 155 / 750);
		padding-top: calc(100% * 755 / 750);
		top: calc(100vw * 28 / 750);
		left: calc(100vw * -3 / 750);
	}
	.sec-access .-mainimg {
		margin: 0 0 55px 10px;
		margin: 0 0 calc(100vw * 110 / 750) calc(100vw * 20 / 750);
	}
	.sec-access .-mainimg .-img {
		margin: 0;
	}
	.sec-access .nav-pagelink1 {
		margin: 55px 20px 120px;
		justify-content: space-between;
	}
	.sec-access .nav-pagelink1 li {
		margin: 0;
		width: 47%;
	}
	.sec-access .nav-pagelink1 a {
		background-size: cover;
		font-size: 16px;
		width: 100%;
		height: 67px;
		border-bottom-right-radius: 25px;
	}
	.sec-access .nav-pagelink1 a::after,
	.sec-access .nav-pagelink1 a .-hover::after {
		width: 14px;
		height: 14px;
		right: .5em;
	}
	.sec-access .nav-pagelink2 {
		margin: 97px 20px -15px;
		flex-wrap: wrap;
	}
	.sec-access .nav-pagelink2 li {
		width: 47%;
		margin-bottom: 15px;
	}
	.sec-access .nav-pagelink2 a {
		font-size: 13px;
		width: 100%;
		height: 57px;
		border-bottom-right-radius: 20px;
    justify-content: flex-start;
		padding: 0 2em 0 1em;
	}
	.sec-access .nav-pagelink2 a .-hover {
    justify-content: flex-start;
		padding: 0 2em 0 1em;
	}
	.sec-access .nav-pagelink2 a::after,
	.sec-access .nav-pagelink2 a .-hover::after {
		width: 14px;
		height: 14px;
		right: .5em;
	}
	.sec-access .-title2 {
		font-size: 16px;
		margin-top: 177px;
		margin-bottom: 20px;
	}
	.sec-access .-title2 img {
		height: 2.5em;
	}
	.sec-access .-title3 {
		height: 64px;
		font-size: 18px;
		margin: 120px 0 20px 15px;
	}
	.sec-access .-title3 .-bg {
		padding: 0 25px;
	}
	.sec-access .-title3::before {
		width: 100%;
		min-width: auto;
		border-top-left-radius: 32px;
	}
	.sec-access .-title3:nth-of-type(2n) {
		margin-right: 15px;
		margin-left: 0;
	}
	.sec-access .-title3:nth-of-type(2n)::before {
		border-top-left-radius: 0;
		border-top-right-radius: 32px;
	}
	.sec-access .-title4 {
		margin-top: 2em;
	}
	.sec-access .-title5 {
		margin-top: 4em;
	}
	.sec-access .-map {
		width: auto;
		margin: 0 15px;
		padding-top: 79%;
	}
	.sec-access .-map + .-link {
		margin: .3em 0 5%;
	}
	.sec-access .-map .-btn-map {
		width: calc(100vw * 135 / 750);
		right: calc(100vw * 10 / 750);
		bottom: calc(100vw * 10 / 750);
	}
	.sec-access .-imgbg.-bg01 {
		top: 30px;
		right: -30px;
	}
	.sec-access .-imgbg.-bg02 {
		min-width: auto;
		width: 98%;
		height: calc(100vw * 466 / 750);
		margin-right: 0;
		right: auto;
		left: 0;
	}
	.sec-access .-imgbg.-bg03 {
		min-width: auto;
		width: 98%;
		height: calc(100vw * 466 / 750);
		left: 2%;
		margin-top: calc(100vw * 437 / 750);;
	}
	.sec-access .-mainimg .-img .-caption {
		font-size: 12px;
    padding-top: 0.2em;
		right: 5px;
	}
	.sec-access .-text.-address {
		font-size: 16px;
		text-align: left;
		margin-top: 0;
		padding: 35px 0 25px;
	}
	.sec-access dl.-detail {
		font-size: 14px;
		margin-top: 1.5em;
		padding-bottom: 1.5em;
	}
	.sec-access dl.-detail dt {
		padding-left: 1em;
		text-indent: -1em;
	}
	.sec-access .-text {
		font-size: 16px;
		margin: 2em 30px 0;
	}
	.sec-access .-title3 + .-img {
		margin-top: 35px;
	}
	.sec-access .-text + .-img {
		margin-top: 55px;
	}
	.sec-access .-img {
		margin: 35px 30px 0;
	}
	.sec-access .-img + .-img {
		margin-top: 50px;
	}
	.sec-access#access .-title2 {
		margin-top: 0;
	}
	.sec-access#floormap .-img {
		margin-left: 0;
		margin-right: 0;
	}
}
.sec-faq {
    position: relative;
    z-index: 2;
}
@media print, screen and (min-width:788px) {
	.sec-faq {
		max-width: 996px;
		margin: 0 auto;
	}
}
@media screen and (max-width:787px) {
	.sec-faq {
		margin: 0 8.66%;
	}
}
.-banner {
	display: table;
	margin: 0 auto 0;
}
.-banner a {
	display: block;
}
@media print, screen and (min-width:788px) {
	.-banner {
		margin-top: 130px;
	}
	.-banner li {
		display: inline-block;
		margin: 40px 40px 0;
	}
	.-banner.-wide {
		margin-top: 160px;
	}
}
@media screen and (max-width:787px) {
	.-banner {
		width: calc( 100vw * 406 / 750);
		margin-top: calc( 100vw * 50 / 750);
	}
	.-banner li {
		margin-top: calc( 100vw * 50 / 750);
	}
	.-banner.-wide {
		width: calc( 100vw * 630 / 750);
		margin-top: calc( 100vw * 190 / 750);
	}
}


/* モーダル */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
	height: var(--100vh);
	height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s;
  pointer-events: none;
  opacity: 0;
  z-index: 25;
	background: rgba(0,0,0,0.9);
}
.modal:not(.is-active) .modal-panel {
  pointer-events: none;
	display: none;
}
.modal.is-active {
  opacity: 1;
  pointer-events: auto;
}
.modal__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
}
.modal__content {
  position: relative;
  background-color: #fff;
  width: 100%;
  max-width: 900px;
  padding: 20px;
}
.modal__content .modal__ttl {
	font-size: 22px;
  position: absolute;
	margin-top: -40px;
	color: #fff;
	letter-spacing: .07em;
	line-height: 1;
}
.modal__content .modal__ttl img {
	width: auto;
	height: 1.09em;
	vertical-align: middle;
}
.modal__close-btn {
  position: absolute;
  top: -40px;
  right: 0;
  width: 30px;
  width: calc(1110px * 30 / 1400);
  height: 30px;
  height: calc(1110px * 30 / 1400);
	background: none;
  cursor: pointer;
  z-index: 10;
  text-indent: -9999em;
  outline: none;
  border: 0;
}
.modal__close-btn span {
	width: 100%;
	height: 2px;
	left: 50%;
	top: 50%;
	display: block;
	position: absolute;
	transform: translate(-50%, -50%);
}
.modal__close-btn span::before,
.modal__close-btn span::after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
}
.modal__close-btn span::before {
	transform: rotate(-150deg);
}
.modal__close-btn span::after {
	transform: rotate(330deg);
}
.modal__slider {
  pointer-events: none;
  opacity: 0;
	position: absolute;
}
.modal__slider.is-active {
  opacity: 1;
  pointer-events: auto;
	position: relative;
}
.modal-panel {
	width: calc(100% - 40px);
	max-width: 940px;    
	position: relative;
}
#modal-movie .play-btn {
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1;
	transition: opacity 0.2s linear;
	cursor: pointer;
}
#modal-movie .play-btn:hover {
	opacity: .7;
}
#modal-movie .play-btn.playActive {
	opacity: 0;
	pointer-events: none;
}
.modal-items {
	background-color: rgba(0,0,0,0.8);
}
.modal-items .modal-panel {
	max-height: 100%;
  overflow: auto;
}
.modal-items .modal__close-btn {
	top: 10px;
	right: 1em;
	background: #000;
	padding: 5px;
}
.modal-item .swiper-item .swiper-button-next, .modal-item .swiper-item .swiper-button-prev {
	background: url("../img/icon_arrow02_black.svg") 50% 50% no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	opacity: .7;
	left: 0;
	margin-top: -15px;
}
.modal-item .swiper-item .swiper-button-next {
	transform: rotate(180deg);
	left: auto;
	right: 0;
}
.modal-item .swiper-item .swiper-button-next:after, .modal-item .swiper-item .swiper-button-prev:after {
	display: none;
}
.modal-item .swiper-item .swiper-pagination {
	line-height: 1;
	bottom: -20px;
}
.modal-item .swiper-item .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: #b3b3b3;
	margin: 0 5px;
	opacity: 1;
}
.modal-item .swiper-item .swiper-pagination-bullet-active {
	background: #ff911d;
}
.modal-item {
	background: #ffffff;
}
.modal-item::before {
	content: "";
	background:  #ff7d00;
	width: 294px;
	height: 294px;
	display: block;
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	clip-path: polygon(0 0, 100% 0, 0 100%);
}
.modal-item .swiper-item {
	position: relative;
}
.modal-item .-img {
	height: fit-content;
}
.modal-item .-text {
	line-height: 1.86;
	letter-spacing: 0;
}
.modal-item .-ti {
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 1em;
}
.modal-item .-price {
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 1em;
}
.modal-item .-spec {
	margin-bottom: 2em;
}

@media print, screen and (min-width:788px){
	.modal {}
	#modal-movie .modal-panel {
		width: 100%;
		max-width: 1162px;
	}
	.modal-items {
		padding: 0 calc( 100% * 50 / 1400);
	}
	.modal-items .modal-panel {
		width: 100%;
		max-width: 1200px;
	}
	.modal-item {
		padding: 60px 70px;
		display: flex;
		justify-content: space-between;
	}
	.modal-item .-img {
		width: calc( 100% * 600 / 1060);
	}
	.modal-item .-img img {
		border-top-left-radius: 3.3em;
	}
	.modal-item .-text {
		width: calc( 100% * 420 / 1060);
		font-size: 13px;
		padding: 2em 0 0;
	}
	.modal-item .-ti {
		font-size: 22px;
	}
	.modal-item .-price {
		font-size: 22px;
	}
	.modal-item .-price span {
		font-size: 14px;
	}
	.modal-item .-spec {
		font-size: 15px;
	}
}
@media (max-width:787px) {
	.modal__content .modal__ttl {
		font-size: 19px;
		margin-top: -35px;
		padding: 0 1em;
	}
	#modal-movie {
		padding: 0;
	}
	#modal-movie .modal-panel {
        width: 100%;
	}
	#modal-movie .modal__close-btn {
        right: 15px;
        top: 15px;
        position: fixed;
	}
	.modal-items {
		padding: calc( 100vw * 30 / 750) calc( 100vw * 15 / 750);
	}
	.modal-item .swiper-item .swiper-pagination-bullet {
		width: 7px;
		height: 7px;
		margin: 0 4px;
	}
	.modal-item .swiper-item .swiper-button-next, .modal-item .swiper-item .swiper-button-prev {
		width: 20px;
		height: 20px;
	margin-top: -10px;
		display: none;
	}
	.modal-item {
		padding: 30px 20px;
	}
	.modal-item::before {
		width: calc( 100vw * 310 / 750);
		height: calc( 100vw * 310 / 750);
	}
	.modal-item .-img img {
		border-top-left-radius: 2.2em;
	}
	.modal-item .-text {
		font-size: 11px;
		padding: 4em 0 0;
	}
	.modal-item .-ti {
		font-size: 17px;
	}
	.modal-item .-price {
		font-size: 17px;
	}
	.modal-item .-price span {
		font-size: 10px;
	}
	.modal-item .-spec {
		font-size: 13px;
	}
}
@media screen and (min-width:788px) and (max-height: 700px) {
	#modal-movie .modal-panel {
		max-width: 100vh;
	}
}
@media screen and (max-width:787px) and (max-height: 700px) {
	#modal-movie .modal-panel {
		max-width: 100%;
		/* margin-top: 60px; */
	}
}
@media (orientation: landscape){
	#modal-movie .modal-panel {
		max-width: 80vw;
	}
}
/* en */
html[lang="en"] .btn-reservation:before {
	background-image: url("../img/btn_rsv_en.svg");
}
html[lang="en"] #global-header .nav-menu .nav-reservation a {
	background-image: url("../img/nav-reservation_en.png");
}
html[lang="en"] .-list-note li {
    padding-left: 0.5em;
    text-indent: -0.5em;
}
html[lang="en"] .-tab li:nth-child(1) a {
    padding-left: 1.5em;
}
html[lang="en"] .-tab li:nth-child(3) a {
    padding-left: 2.5em;
}
@media print, screen and (min-width:788px) {
	html[lang="en"] #global-header .nav-menu .nav-reservation a {
		width: 540px;
		width: calc(1110px * 540 / 1400);
	}
	html[lang="en"] #global-footer .footer-links + .footer-bottom #copyright {
		margin-left: 25px;
	}
	html[lang="en"] #global-footer .nav-list li {
    padding: 0 .6em;
	}
	html[lang="en"] #faq .-btn a {
		font-size: calc(1110px * 28 / 1400);
	}
	html[lang="en"] .sec-artrooms2 .-imglist .-text {
		width: 16.5em;
	}
}
@media screen and (min-width: 1111px) {
	html[lang="en"] #global-header .nav-menu .nav-reservation a {
		width: 540px;
	}
	html[lang="en"] #faq .-btn a {
		font-size: calc(100vw * 28 / 1400);
		width: calc(100vw * 400 / 1400);
		height: calc(100vw * 105 / 1400);
	}
}
@media screen and (min-width:788px) and (max-width:1260px) {
	html[lang="en"] #global-footer .footer-bottom .footer-bottom-in {
		padding: 0 40px;
	}
}
@media screen and (max-width:787px) {
	html[lang="en"] #global-header .nav-menu .nav-reservation a {
		width: calc( 100vw * 540 / 750);
		max-width: 270px;
		max-height: 36px;
	}
}


@media screen and (min-width:788px) {
	.title_mb {
	display: none;
	}
	.ta-r {
	text-align: right
	}
}

@media screen and (max-width:787px) {
	.title_pc {
		display: none;
	}
	.ta-r {
	text-align: right
	}
}


.topics__items {
	transition: .3s all ease;
}
.topics__items .button-group {
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  font-size: 34px;
		font-family: 'Oswald', sans-serif;
	font-weight: 500;
  line-height: 1;
  margin: 64px auto 130px;
}
.topics__items .button-group .button.is-checked {
  pointer-events: none;
}
.topics__items .button-group .button.is-none {
  pointer-events: none;
  opacity: .2;
}
.topics__items .button-group .button:not(.is-checked){
  cursor: pointer;
	transition: all 0.2s ease;
}
.topics__items .button-group .button:not(.is-checked):not(:hover) {
  color: #888888;
}
.topics__items .-topicslist2 {
  max-width: 1000px;
  margin: 0 auto;
	transition: .3s transform ease-in;
}
.topics__items .-topicslist2 .-inner {
  position: relative;
  isolation: isolate;
	transition: .3s transform ease-in;
}
.topics__items .-topicslist2 .-inner:hover {
	transform: scale(1.03);
}
.topics__items .-topicslist2 .icon-label {
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
    border-bottom: 2px solid #000;
    font-size: 19px;
    background: #fff45e;
    color: #00b3ed;
    position: absolute;
    top: 10px;
    left: 40%;
    padding: 0.4em 0.83em;
    line-height: 1;
  transform: translateX(-100%);
}
.topics__items .-topicslist2 .-img {
  padding-top: 26.8%;
  position: relative;
  z-index: -1;
}
.topics__items .-topicslist2 .-img img {
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  height: 100%;
}
.topics__items .-topicslist2 .-img img {
  border-radius: 0;
}
.topics__items .-topicslist2 .-text {
  padding: 0;
      line-height: 1.44;
}
.topics__items .-topicslist2 .-date {
      margin-top: auto;
}
.topics__items .-topicslist2 .-label {
	font-weight: 400;
	line-height: 2;
}
.topics__items .-topicslist2 .-label span {
	font-family: 'Oswald','Noto Sans JP', sans-serif;
	background-color: #f24cc1;
	color: #fff;
	display: inline-block;
	margin-right: .5em;
	margin-bottom: .5em;
	padding: 0 .8em;
	white-space: nowrap;
}
.topics__items .-topicslist2 .-link {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.topics__items .-topicslist2 .-link > span {
	display: none;
}
@media print, screen and (min-width: 788px) and (max-width: 1210px) {
	.topics__items {
		margin-left: 25px;
		margin-right: 25px;
	}
}
@media print, screen and (min-width:788px) {
	.topics__items {
		max-width: 1300px;
		padding: 88px 80px 90px;
	}
  .topics__items .-topicslist2 .-inner {
    display: flex;
    justify-content: space-between;
  }
  .topics__items .-topicslist2 + .-topicslist2 {
    margin-top: 60px;
  }
  .topics__items .-topicslist2 .-img {
    width: 40%;
  }
  .topics__items .-topicslist2 .-text {
    width: 57.6%;
    display: flex;
    flex-direction: column;
  }
  .topics__items .-topicslist2 .-date {
    font-size: 15px;
  }
  .topics__items .-topicslist2 .-label {
    font-size: 14px;
  }
}
@media screen and (max-width: 787px) {
  .topics__items .button-group {
    font-size: 17px;
    margin: 15px auto 50px;
    justify-content: center;
  }
  .topics__items .topics__sort {
    margin-bottom: -1em;
  }
  .topics__items .button-group li {
    margin-bottom: 1em;
  }
  .topics__items .button-group .button {
    margin: 0 1.2em;
    display: block;
  }
  .topics__items .-topicslist2 .icon-label {
    top: calc(100%* 10 / 550);
    font-size: calc(100vw* 28.5 / 750);
    left: auto;
    right: 0;
    transform: none;
  }
  .topics__items .-topicslist2 + .-topicslist2 {
    margin-top: 40px;
  }
  .topics__items .-topicslist2 .-img {
    padding-top: 66.8%;
  }
  .topics__items .-topicslist2 .-text {
    margin-top: 8px;
  }
  .topics__items .-topicslist2 .-date {
    font-size: 12px;
  }
  .topics__items .-topicslist2 .-label {
    font-size: 10px;
  }
}