/* CSS Document */

* {
	padding:0;
	margin:0px;
	outline:none;
	}
html {
	overflow: auto;
	}

body {
	overflow: hidden;
	text-align:center;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 500;
	line-height: 1.5;
	-webkit-text-size-adjust:100%;
	color: #666;
}
.min {
	font-family: "Noto Serif JP";
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}

img {
	vertical-align:top;
	border:0;
	width: 100%;
	height: auto;
	image-rendering: -webkit-optimize-contrast;
	}
a {
	text-decoration: none;
	color: #666;
}

li {
	list-style-type: none;
}
p,a,li,div {
	max-height: 100%;
}

/* --- class and other set --- */


.just {
	text-align: justify;
}
@media only screen and (max-width: 767px) {
	html {font-size: 5.8svw; }
	.pc {
		display: none;
	}
	.contents { width: 92%; margin-inline: auto;}
	.shadow { filter:drop-shadow(0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.65));}
}
@media only screen and (min-width: 768px) {
	html { font-size: 2vw;}
	.sp {
		display: none;
	}
	.contents { width: 94%; margin-inline: auto; max-width: 940px;}
	.shadow { filter:drop-shadow(0.15rem 0.15rem 0.1rem rgba(0, 0, 0, 0.25));}
}
@media only screen and (min-width: 1000px) {
	html {font-size: 20px; }
}

#wrap {}

/* --- orginal set --- */




/* --- navi --- */
.hotelheader hgroup p { color: #fff;}
.shortcuts ul li.rnd a { display: block; width: 100%; }
.shortcuts ul li.rnd img { width: 60%;}
.shortcuts ul li.rnd div { width: 80%; margin-left: 20%; text-align: left;}
@media only screen and (min-width: 768px) {
.hotelheader { width: 100%; height: calc(100svh); position: relative; display:flex; align-items: center; justify-content: center;  margin-bottom: 1rem;}
.hotelheader hgroup { display: block; width: 59.7%; margin-top: 1rem;}
.hotelheader hgroup p { margin-top: 0.75em;}
.shortcuts ul { width: 100%; display: flex; justify-content: center; margin-bottom: 4rem;}
.shortcuts ul li { width: 32%;  }
.shortcuts ul li.rnd img { width: 60%;}
.shortcuts ul li.rnd div { width: 70%; margin-left: 30%; text-align: left;}
.shortcuts ul li.rnd a { width: 100%;}
.shortcuts ul li.rnd a img { transition: all .3s ease; }
.shortcuts ul li.rnd a:hover img {  filter: brightness(1.2);}
.shortcuts ul li.rnd div { font-size: 0.8rem; line-height: 1.4; margin-top:1em; }
.shortcuts ul li.rnd div strong { font-size: 1.4rem; line-height: 1.4;}
}/* -- pc -- */
@media only screen and (max-width: 767px) {
.hotelheader { display: flex; justify-content: center; align-items: center; width: 100%; height: 100svh; overflow: hidden; }
.hotelheader hgroup { display: block; width: 87.5%;  }
.hotelheader hgroup p { font-size: 0.45rem; margin-top:1em;}

#menubar { position: fixed; width: 100%; height: 100svh; left: 100%; top: 0; z-index: 1;}
#menubar .menubtn { width: 2.5rem; height: 2.5rem; position: fixed; right: 0.6rem; top: 0.6rem; z-index: 1;}
#menubar .menubtn a { width: 100%; height: 100%; border-radius: 0.3rem; display: flex; align-items: center; justify-content: center; }
#menubar .menubtn a { background-color: rgba(255,255,255,.3);}
#menubar .menubtn a img {width: 70%;}
#menubar .menubtn a img.open { display: block;}
#menubar .menubtn a img.close { display: none;}
#menubar.open .menubtn a img.open { display: none;}
#menubar.open .menubtn a img.close { display: block;}

.shortcuts { display: block;  position: fixed; width: 100%; height: 100vh; top: 0; left: 100%; height: 100svh; background-color: #EAE7DE; transition: left ease .6s;}
#menubar.open #menu {  left: 0; }
.shortcuts  li, .shortcuts  li a { color: #796a56;; }
#menubar.open .menubtn.open { display; none;}
.shortcuts ul { display: block; margin: 2.5svh 10%; text-align: left;}
.shortcuts ul li { width: 100%; font-size: 0.65rem; margin-bottom: 1.5rem; }
.shortcuts ul li a { font-size: 0.75rem; line-height: 1.4; display: block; }
.shortcuts ul li.ttl div { padding-bottom: 0.5em; border-bottom: 0.05rem solid #796a56;}
.shortcuts ul li.rnd { height: 9svh;}
.shortcuts ul li.rnd a { width: 95%; font-weight: 600; margin: 1.25rem 0 0; text-align: left; display: flex; justify-content: space-between; align-items: center;}
.shortcuts ul li.rnd a img { width: 25%; }
.shortcuts ul li.rnd div {  width:70%; margin-left: 0; font-size: 0.75rem; line-height: 1.2; text-align: left;}
.shortcuts ul li.rnd div span { font-size: 0.5rem; }
.shortcuts ul li.rnd div strong { font-size: 1.2rem; line-height: 1.2;}
.shortcuts ul li.ban a { display: block; width: 60%; margin: 1em auto 0; }
.shortcuts ul li.ban a div { font-size: 0.65rem; }
.shortcuts ul li.plan,.shortcuts ul li.ban { text-align: center;}
.shortcuts ul li.plan a {  display: inline-block; margin: 0.5rem auto; width: 80%; background-color: #796a56; border-radius: 1em; line-height: 2; padding: 0 1.5em; margin-left: 0; text-align: center; }
#main_park .shortcuts ul li.plan a,
#main_tokyo .shortcuts ul li.plan a { color: #fff;}
}/* -- sp -- */

/* --- main --- */
#main_park { background-image: url(../images/bg1.jpg),url(../images/bg2.jpg); background-repeat: no-repeat, repeat-y; background-size: 100% auto;}
#main_tokyo { background-image: url(../images/bg3.jpg),url(../images/bg4.jpg); background-repeat: no-repeat, repeat-y; background-size: 100% auto; color: #fff;}
section a { color: #fff;}
section.park, #main_park .shortcuts.park a { color: #7a6a56;}
section.artist .lt figure { border-radius: 0.8rem; overflow: hidden;}
section.artist p.date img {height: 1.85em; width: auto; margin-left: -0.25em; line-height: 1.9;}
section.artist .rt p.time span.fixw { padding-right: 0.5em;}
section.artist .rt p.time span.indent { display: inline-block; text-indent: -0.6em;}
section.artist .rt p.mat { background-color: #fff; color: #7a6a56; font-weight: 600; line-height: 1.3rem; border: 0.05rem solid #666;  text-align: center; display: flex; justify-content: space-between;}
section.artist .rt p.mat span { display:grid; align-items: center; }
section.artist.tokyo .rt p.mat.member{ border-color: #727171; }
section.artist.tokyo .rt p.mat.general{ border-color: #3e3a39; }
section.artist .rt p.mat.member span { height: 3.4em; line-height: 1.2; }
section.artist .rt p.mat.general span { height: 2.2em;}
section.artist .rt p.mat span:nth-of-type(1) { color: #fff; width: 32%; line-height: 1.2;}
section.artist.tokyo .rt p.mat.member span:nth-of-type(1) { background-color: #727171; }
section.artist.tokyo .rt p.mat.general span:nth-of-type(1) { background-color: #40220f; }
section.artist .rt p.mat span:nth-of-type(2) { text-align: left; padding-left: 1em;  width: 68%;}
section.artist .rt p.mat.general { position: relative; }
section.artist .rt p.mat.general::after { content:""; display: block; width: 100%; height: 0.05rem; position: absolute; left: 0; top: -2.55em;}
section.artist.park .rt p.mat.general::after { background-color: #666; }
section.artist.tokyo .rt p.mat.general::after { background-color: #fff; }
section.artist .rt p.link a { display: block; border: 0.25rem solid #fff; font-size: 0.85rem; font-weight: 500; text-align: center; line-height: 4rem; margin: 1em 0 0; background-size: cover;}
section.artist.tokyo .rt p.link.member a { background-color: #727171;}
section.artist.tokyo .rt p.link.general a { background-image: url(../images/btn_park.jpg);background-color: transparent;}
.cs,.so { position: relative; display: block; pointer-events: none;}
.cs::after,.so::after { display: grid; align-items: center; justify-content: center; position: absolute; inset: 0; margin: auto; color: #fff; background-color: transparent;}
.cs::after {content: "Coming soon";}
.so::after {content: "\7D42\4E86\3057\307E\3057\305F";}
@media only screen and (min-width: 768px) {
section { padding: 3rem 0 4rem; text-align: left;}
section.artist { display: flex; justify-content: space-between;}
section p { font-size: 0.85rem;}
section.artist .lt { width: 42.5%;}
section.artist .rt { width: 51.5%;}
section.artist .lt p.ttl { font-weight: 600; font-size: 0.95rem; margin: 0.5em 0 1em;}
section.artist .lt p.just { font-size: 0.7rem;}
section.artist .rt p.date { font-size: 1.4rem; line-height: 1.3; margin-bottom: 1.5rem;}
section.artist .rt p.date strong { font-size: 2.15rem; font-weight: 400;}
section.artist .rt p.date span.fee { font-size: 1.65rem;}
section.artist .rt p.date span.fee span { font-size: 1.1rem;}
section.artist .rt p.mat {margin: 2em 0 1em;}
section.artist .rt p.mat.general { margin-top: 5em;}
section.artist .rt p.link a { transition: all .3s ease; }
section.artist .rt p.link a:hover { filter: brightness(1.2);}
section.artist .rt p.mat.member span:nth-of-type(2) {padding-right: 0.5rem; }
section.artist .rt span.note { font-size: 0.7rem;}
section.artist .rt p.link a.uc { pointer-events: none; }
.cs::after { font-size: 0.8rem;}
}/* -- pc -- */
@media only screen and (max-width: 767px) {
section p { font-size: 0.65rem;}
section { left; padding: 2.4rem 0;}
section.artist { text-align: left; padding: 0.5rem 0 2.5rem;}
section.artist .lt p.ttl { font-weight: 600; font-size: 0.75rem; margin: 1em 0 1em;}
section.artist .lt p.just { font-size: 0.6rem; margin-bottom: 1.5em;}
section.artist .lt p.date { font-size: 0.9rem; line-height: 1.3; margin: 1rem 0 0.8rem;}
section.artist p.date img { margin-bottom: 0.2em;}
section.artist .lt p.date strong { font-size: 1.7rem; font-weight: 400;}
section.artist .lt p.date span.fee { display: inline-block; font-size: 1.3rem; margin-top: 0.5em;}
section.artist .lt p.date span.fee span { font-size: 0.85rem;}
section.artist .rt p.time { margin: 1.5rem 0 1em;}
section.artist .rt p.mat { margin: 2rem 0 1em;}
section.artist .rt p.mat.general { margin-top: 4.8em;}
section.artist .rt span.note { font-size: 0.55rem;}
section.artist .rt p.link a { line-height: 3;}
section.artist .rt p.link a.uc { background-color: transparent;}
.cs::after { font-size: 0.65rem;}
}/* -- sp -- */



/* --- contact --- */
section p.inquiry { text-align: center;}
section p.inquiry span { font-weight: 500;}
section p.inquiry strong { font-weight: 500; display: block; line-height: 1; margin: 0.65em 0;}
section p.inquiry strong a { color: #fff;}
section.contact.park p.inquiry { border-top: 1px solid #666; border-bottom: 1px solid #666;}
section.contact.tokyo p.inquiry { border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
section p.caution { margin-left: 1em;}
section p.caution span { margin-left: -1em;}
@media only screen and (min-width: 768px) {
section.contact { margin-top: -2rem;}
section.contact p.inquiry { font-size: 0.9rem; padding: 2rem 0 2.5rem; margin-bottom: 3rem;}
section p.inquiry span { font-size: 0.95rem;}
section p.inquiry strong { font-size: 2.05rem; }
section p.inquiry strong a[href^="tel:"] { pointer-events: none; cursor: default;}
section p.caution { font-size: 0.7rem;}
}/* -- pc -- */
@media only screen and (max-width: 767px) {
section.contact { padding-top: 1rem;}
section.contact p.inquiry { font-size: 0.7rem; padding: 1.8rem 0 2.2rem; margin-bottom: 1rem;}
section p.inquiry span { font-size: 0.75rem;}
section p.inquiry strong { font-size: 1.65rem;}
section p.caution { font-size: 0.55rem; }
}/* -- sp -- */


/* --- stayplan --- */
section hgroup { text-align: center;}
section hgroup h2 { font-weight: 500;}
section.stayplan { text-align: center; color: #666;}
section.stayplan hgroup,section.stayplan p.inquiry { color: #7a6a56;}
section.stayplan figure { position: relative; width: 100%; aspect-ratio: 1634 / 804;}
section.stayplan figure p { font-size: 0.75rem; position: absolute; right: 1.5em; bottom: 1.5em; line-height: 1; color: #fff;}
section.stayplan table { width: 100%; border-collapse: collapse;}
section.stayplan table th, section.stayplan table td { border: 1px solid #666; vertical-align: middle; font-weight: 500;}
section.stayplan table th { color: #fff; }
section.stayplan.park table th { background-color: #7a6a56; }
section.stayplan.tokyo table th { background-color: #727171; }
section.stayplan table tr th:nth-of-type(1) { background-color: #CBCBCB; color: #666; }
section.stayplan table tr th:nth-of-type(2) { border-left: none;}
section.stayplan table.pc tr th:nth-of-type(2) { border-right: 1px solid #fff;}
section.stayplan table.pc tr th:nth-of-type(3) { border-left: none; }
section.stayplan table tr.psn td:nth-of-type(1) { border-left: none;}
section.stayplan table td { background-color: #fff; }
section.stayplan table td { font-weight: 700;}
section.stayplan table tr.psn td { background-color: #CBCBCB;}
section.stayplan table th.date { font-weight: 400;}
section.stayplan table th span {display: inline-block; text-align: left;}
section.stayplan table td span { margin-left: 0.5em; font-weight: 400;}
section.stayplan p.note { text-align: left;}
@media only screen and (min-width: 768px) {
section.stayplan { margin-top: -3rem; }
section.stayplan .contents { box-sizing: border-box; padding: 3rem 3% 4rem; background-color: #fff; }
section hgroup h2 { font-size: 2.05rem; margin-bottom: 1rem;}
section.stayplan hgroup p { font-size: 0.9rem;}
section.stayplan figure { margin: 2.5rem 0 0;}
section.stayplan table { margin-top: 1.5rem;}
section.stayplan table th, section.stayplan table td { padding: 0.4rem 0.8rem; }
section.stayplan table td { font-size: 1.2rem;}
section.stayplan table th td { font-size: 0.8rem;}
section.stayplan table tr.psn td { font-size: 0.75rem;}
section.stayplan table td.date { font-size: 0.9rem;  font-weight: 500;}
section.stayplan table td span { font-size: 0.6rem; font-weight: 500;}
section.stayplan p.note { font-size: 0.8rem; margin: 1.5em 0 0 1em; }
section.stayplan p.note span { display: inline-blcok; margin-left: -1em;}
section.stayplan p.inquiry { font-size: 0.9rem; margin: 4.5rem 0 0;}
}/* -- pc -- */
@media only screen and (max-width: 767px) {
section.stayplan { background-color: #fff; }
section hgroup h2 { font-size: 1.65rem; margin-bottom: 1rem;}
section.stayplan hgroup p { font-size: 0.7rem;}
section.stayplan figure { margin: 1.5rem 0 0;}
section.stayplan figure p { font-size: 0.6rem; position: absolute; right: 1em; bottom: 1em;}
section.stayplan table { margin-top: 1rem;}
section.stayplan table th, section.stayplan table td { padding: 0.2rem 0.3rem; }
section.stayplan table td { font-size: 0.9rem;}
section.stayplan table th { font-size: 0.6rem;}
section.stayplan table tr.psn td { font-size: 0.55rem;}
section.stayplan table td.date { font-size: 0.7rem;  font-weight: 500;}
section.stayplan table td span { font-size: 0.45rem; font-weight: 500;}
section.stayplan p.note { font-size: 0.65rem; margin-top: 1.5em; }
section.stayplan p.inquiry { font-size: 0.7rem; margin: 2.5rem 0 0;}
}/* -- sp -- */


/* --- access --- */
section.access hgroup p a { text-decoration: underline;}
section.access.park hgroup,section.access.park hgroup p a { color: #7a6a56;}
section.access #map iframe { width: 100%; height: 100%;}
section.access #goNextHotel { text-align: center;}
section.access p.link,
section.access p.logo { text-align: center; }
@media only screen and (min-width: 768px) {
section.access { padding-top: 0;}
section.access .contents { padding-top: 4rem; border-top: 1px solid #666;}
section.access.tokyo .contents { border-top: 1px solid #fff;}
section.access hgroup p { font-size: 0.9rem; line-height: 3;}
section.access hgroup p strong { font-size: 0.95rem;}
section.access hgroup p a:hover { text-decoration: none; }
section.access #map { margin-top: 3rem; aspect-ratio: 330 / 174;}
section.access #goNextHotel { margin-top: 4rem; }
section.access #goNextHotel div.ban { width: 28%; margin: 1rem auto;}
}/* -- pc -- */
@media only screen and (max-width: 767px) {
section.access { padding-bottom: 1.5rem;}
section.access hgroup p { font-size: 0.7rem; line-height: 3;}
section.access #map { margin-top: 2rem; aspect-ratio: 1 / 1;}
section.access #goNextHotel { margin-top: 2rem; }
section.access #goNextHotel div.ban { width: 80%; margin: 1rem auto;}


}/* -- sp -- */




/* --- footer --- */
.footer { background-color: #fff;}
.footer p.copyright { color: #666; border-top: 0.05rem solid #ccc; text-align: center; font-family: 'Ÿà–¾’©' , 'Yu Mincho', 'YuMincho' , '‚l‚r ‚o–¾’©' , '‚l‚r –¾’©' , Georgia; }
@media only screen and (min-width: 768px) {
.footer { padding-top: 3rem; }
.footer p.link { margin-top: 4rem; padding-bottom: 1.5rem;}
.footer p.link a { font-size: 0.75rem; display: inline-block; color: #666; line-height: 1.6; border-left: 1px solid #666; border-right: 1px solid #666; padding: 0 1em; }
.footer p.link a:hover { text-decoration: underline;}
.footer p.link a:nth-of-type(2) { border-left: none;}
.footer p.logo img { width: 10rem; }
.footer p.copyright { padding: 1rem 0 1.5rem; font-size: 0.6rem; }
}/* -- pc -- */
@media only screen and (max-width: 767px) {
.footer { padding: 2.15rem 0 1.25rem; }
.footer.cont { padding-bottom: 2rem;}
.footer p.link { margin-top: 2rem;}
.footer p.link a { font-size: 0.65rem; display: inline-block; line-height: 1.6; border-left: 1px solid #666; border-right: 1px solid #666; padding: 0 1em; margin: 0.75rem 0 0; }
.footer p.logo img { width: 8rem; }
.footer p.copyright { margin: 1.5rem 0 0; padding: 1rem 0 0; font-size: 0.4rem; }
}/* -- sp -- */