@charset "UTF-8";
/* Optimized for DANNER CAMP. Legacy year-based selectors normalized. */
@font-face {
  font-family: 'DINOT';
  src: url('../font/DINOT-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.dinot-font {
  font-family: 'DINOT', sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:"Noto Sans JP","メイリオ",Meiryo,sans-serif;-webkit-text-size-adjust:100%;}
img{max-width:100%;height:auto;vertical-align:top;border:0;}
ul,ol{margin:0;padding:0;list-style:none;}
p,h1,h2,h3,h4,h5,h6{margin:0;}
a{color:inherit;}
body {
	font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック";
	font-size: 11px!important; 
	*font-size:small; 
	*font:x-small; 
	line-height:1.6!important;;

	-webkit-text-size-adjust: 100%;
}html>body { font-size: small\	;	 }article,aside,dialog,figure,footer,header,hgroup,menu,hNav,section {display: block;}a:link    {	color: #000;	text-decoration:underline;}a:visited { color: #000;	text-decoration:underline;}a:hover   { color: #000;	text-decoration:none;}a:active  { color: #000;	text-decoration:none;}a:focus   { text-decoration:none;}a:hover img{ 	-moz-opacity:0.40;
	opacity:0.40;
	filter:alpha(opacity=40);
 }h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}body,div,h1,h2,h3,h4,h5,h6,form,ul,li,ol,dl,dt,dd,fieldset,pre,code,legend,blockquote {
	margin: 0;
	padding:0;
}p { margin: 0;}li { list-style:none; }img { border:none; }ul, ol, ul ul, ol ol, ul ol, ol ul {
	margin: 0 0 0 0;
}#main {
	clear: both;
}a img {
	transition: opacity 0.2s ease 0s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}a:hover img {
	opacity: 0.7;
}.topic-year a,
span {
	color: #666;
}iframe {
	width: 100%!important;
}@media (max-width: 570px) {#main {
		margin-top: 20px;
	}}@media only screen and (max-width: 320px) {ul,
	ol,
	ul ul,
	ol ol,
	ul ol,
	ol ul {
		margin: 0 0 0 0!important;
	}#main {
		width: 100%;
		margin: 0;
		padding: 0;
	}#main img {
		max-width: 100%;
		height: auto;
		width: auto\	;
		
	}a img,
	th img,
	td img {
		width: 100%;
	}}@media only screen and (min-width: 321px) and (max-width: 568px) {a img,
	th img,
	td img {
		vertical-align: top;
		width: 100%;
	}}html,
body,
div,
span,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-style: normal;
}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}img,
object,
embed,
video,
iframe {
  width: auto;
  max-width: 100%;
}img,
video,
iframe {
  height: auto;
}blockquote p:before,
blockquote p:after,
q:before,
q:after {
  content: "";
  content: none;
}table {
  border-collapse: collapse;
  border-spacing: 0;
}caption,
th,
td {
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}thead th,
thead td {
  font-weight: bold;
  vertical-align: bottom;
}a img,
th img,
td img {
  vertical-align: top;
}button,
input,
select,
textarea {
  margin: 0;
}button {
  width: auto;
  overflow: visible;
}input[type=button],
input[type=submit],
button {
  cursor: pointer;
}hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ddd;
}body {
  background: #ffffff;
  color: #000000;
  font-size: 11px;
  line-height: 1.6em;
  font-family: Helvetica, Arial, Tahoma, sans-serif;
}a {
  color: #336699;
}a:hover {
  color: #19334d;
}h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  margin-bottom: 0.5em;
}h1 {
  font-size: 2.5714285714285716em;
  line-height: 1em;
}h2 {
  font-size: 2.142857142857143em;
  line-height: 1.1em;
}h3 {
  font-size: 1.7142857142857142em;
  line-height: 1.3em;
}h4 {
  font-size: 1.2857142857142858em;
  line-height: 1.3em;
}h5 {
  font-size: 1.1428571428571428em;
  line-height: 1.3em;
}h6 {
  font-size: 1em;
  line-height: 1.3em;
  text-transform: uppercase;
}hgroup h1,
hgroup h2,
hgroup h3,
hgroup h4 {
  margin-bottom: .1em;
}p,
ul,
ol,
dl,
dd,
dt,
blockquote,
td,
th {
  line-height: 1.5em;
}ul,
ol,
ul ul,
ol ol,
ul ol,
ol ul {
  margin: 0 0 0 0;
}ol ol li {
  list-style-type: lower-alpha;
}ol ol ol li {
  list-style-type: lower-roman;
}p,
ul,
ol,
dl,
blockquote,
hr,
pre,
hgroup,
table,
form,
fieldset {
  margin-bottom: 0em;
}blockquote p {
  margin-bottom: 1em;
  font-style: italic;
}abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}tfoot th,
tfoot td {
  background-color: #f2f2f2;
}th,
td {
  border-bottom: 1px solid #eeeeee;
  padding: 0.75em 0.5em;
}table caption {
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 0.5em;
  color: #666;
}@-moz-document url-prefix("https://") {
  input[type=submit].btn::-moz-focus-inner,
  button.btn::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
}.bold {
  font-weight: bold;
}.modaal-accessible-hide {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); 
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}.modaal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity: 0;
}.modaal-wrapper {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	overflow: auto;
	opacity: 1;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}.modaal-wrapper * {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden;
}.modaal-wrapper .modaal-close {
	border: none;
	background: transparent;
	padding: 0;
	-webkit-appearance: none;
}.modaal-wrapper.modaal-start_none {
	display: none;
	opacity: 1;
}.modaal-wrapper.modaal-start_fade {
	opacity: 0;
}.modaal-wrapper *[tabindex="0"] {
	outline: none !important;
}.modaal-wrapper.modaal-fullscreen {
	overflow: hidden;
}.modaal-outer-wrapper {
	display: table;
	position: relative;
	width: 100%;
	height: 100%;
}.modaal-fullscreen .modaal-outer-wrapper {
	display: block;
}.modaal-inner-wrapper {
	display: table-cell;
	width: 100%;
	height: 100%;
	position: relative;
	vertical-align: middle;
	text-align: center;
	padding: 80px 25px;
}.modaal-fullscreen .modaal-inner-wrapper {
	padding: 0;
	display: block;
	vertical-align: top;
}.modaal-container {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: auto;
	text-align: left;
	color: #000;
	max-width: 1000px;
	border-radius: 0px;
	background: #fff;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	cursor: auto;
}.modaal-container.is_loading {
	height: 100px;
	width: 100px;
	overflow: hidden;
}.modaal-fullscreen .modaal-container {
	max-width: none;
	height: 100%;
	overflow: auto;
}.modaal-close {
	position: fixed;
	right: 20px;
	top: 20px;
	color: #fff;
	cursor: pointer;
	opacity: 1;
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0);
	border-radius: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}.modaal-close:focus,
.modaal-close:hover {
	outline: none;
	background: #fff;
}.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {
	background: #b93d0c;
}.modaal-close span {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); 
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}.modaal-close:before,
.modaal-close:after {
	display: block;
	content: " ";
	position: absolute;
	top: 14px;
	left: 23px;
	width: 4px;
	height: 22px;
	border-radius: 4px;
	background: #fff;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}.modaal-close:before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}.modaal-close:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}.modaal-fullscreen .modaal-close {
	background: #afb7bc;
	right: 10px;
	top: 10px;
}.modaal-content-container {
	padding: 30px;
}.modaal-confirm-wrap {
	padding: 30px 0 0;
	text-align: center;
	font-size: 0;
}.modaal-confirm-btn {
	font-size: 14px;
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	background: transparent;
}.modaal-confirm-btn.modaal-ok {
	padding: 10px 15px;
	color: #fff;
	background: #555;
	border-radius: 3px;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}.modaal-confirm-btn.modaal-ok:hover {
	background: #2f2f2f;
}.modaal-confirm-btn.modaal-cancel {
	text-decoration: underline;
}.modaal-confirm-btn.modaal-cancel:hover {
	text-decoration: none;
	color: #2f2f2f;
}.modaal-instagram .modaal-container {
	width: auto;
	background: transparent;
	box-shadow: none !important;
}.modaal-instagram .modaal-content-container {
	padding: 0;
	background: transparent;
}.modaal-instagram .modaal-content-container > blockquote {
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
}.modaal-instagram iframe {
	opacity: 0;
	margin: -6px !important;
	border-radius: 0 !important;
	width: 1000px !important;
	max-width: 800px !important;
	box-shadow: none !important;
	-webkit-animation: instaReveal 1s linear forwards;
	animation: instaReveal 1s linear forwards;
}.modaal-image .modaal-inner-wrapper {
	padding-left: 140px;
	padding-right: 140px;
}.modaal-image .modaal-container {
	width: auto;
	max-width: 100%;
}.modaal-gallery-wrap {
	position: relative;
	color: #fff;
}.modaal-gallery-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	z-index: 1;
	pointer-events: none;
	transition: opacity 0.4s ease-in-out;
	background-color: #000; 
}.modaal-gallery-item img {
	display: block;
	width: 100%;
	height: auto;
	background-color: #000; 
}.modaal-gallery-label {
	position: absolute;
	left: 0;
	width: 100%;
	margin: 20px 0 0;
	font-size: 18px;
	text-align: center;
	color: #fff;
}.modaal-gallery-label:focus {
	outline: none;
}.modaal-gallery-control {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 1;
	cursor: pointer;
	color: #fff;
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0);
	border: none;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
	outline: none;
	background: #fff;
}.modaal-gallery-control:focus:before,
.modaal-gallery-control:focus:after,
.modaal-gallery-control:hover:before,
.modaal-gallery-control:hover:after {
	background: #afb7bc;
}.modaal-gallery-control span {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); 
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}.modaal-gallery-control:before,
.modaal-gallery-control:after {
	display: block;
	content: " ";
	position: absolute;
	top: 16px;
	left: 25px;
	width: 4px;
	height: 18px;
	border-radius: 4px;
	background: #fff;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}.modaal-gallery-control:before {
	margin: -5px 0 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}.modaal-gallery-control:after {
	margin: 5px 0 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}.modaal-gallery-next-inner {
	left: 100%;
	margin-left: 40px;
}.modaal-gallery-next-outer {
	right: 45px;
}.modaal-gallery-prev:before,
.modaal-gallery-prev:after {
	left: 22px;
}.modaal-gallery-prev:before {
	margin: 5px 0 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}.modaal-gallery-prev:after {
	margin: -5px 0 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}.modaal-gallery-prev-inner {
	right: 100%;
	margin-right: 40px;
}.modaal-gallery-prev-outer {
	left: 45px;
}.modaal-video-wrap {
	margin: auto 50px;
	position: relative;
}.modaal-video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	background: #000;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}.modaal-iframe .modaal-content {
	width: 100%;
	height: 100%;
}.modaal-iframe-elem {
	width: 100%;
	height: 100%;
	display: block;
}.modaal-loading-spinner {
	background: none;
	position: absolute;
	width: 200px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
	-webkit-transform: scale(0.25);
	-ms-transform: scale(0.25);
	transform: scale(0.25);
}.modaal-loading-spinner > div {
	width: 24px;
	height: 24px;
	margin-left: 4px;
	margin-top: 4px;
	position: absolute;
}.modaal-loading-spinner > div > div {
	width: 100%;
	height: 100%;
	border-radius: 15px;
	background: #fff;
}.modaal-loading-spinner > div:nth-of-type(1) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite;
}.modaal-loading-spinner > div:nth-of-type(1) {
	-ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}.modaal-loading-spinner > div:nth-of-type(2) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .12s;
	animation-delay: .12s;
}.modaal-loading-spinner > div:nth-of-type(2) {
	-ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}.modaal-loading-spinner > div:nth-of-type(3) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .25s;
	animation-delay: .25s;
}.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite;
}.modaal-loading-spinner > div:nth-of-type(3) {
	-ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}.modaal-loading-spinner > div:nth-of-type(4) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .37s;
	animation-delay: .37s;
}.modaal-loading-spinner > div:nth-of-type(4) {
	-ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}.modaal-loading-spinner > div:nth-of-type(5) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite;
}.modaal-loading-spinner > div:nth-of-type(5) {
	-ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}.modaal-loading-spinner > div:nth-of-type(6) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .62s;
	animation-delay: .62s;
}.modaal-loading-spinner > div:nth-of-type(6) {
	-ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}.modaal-loading-spinner > div:nth-of-type(7) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .75s;
	animation-delay: .75s;
}.modaal-loading-spinner > div:nth-of-type(7) {
	-ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}.modaal-loading-spinner > div:nth-of-type(8) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .87s;
	animation-delay: .87s;
}.modaal-loading-spinner > div:nth-of-type(8) {
	-ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}@media only screen and (min-width: 1400px) {.modaal-video-container {
	padding-bottom: 0;
	height: 731px;
}}@media only screen and (max-width: 1140px) {.modaal-image .modaal-inner-wrapper {
	padding-left: 25px;
	padding-right: 25px;
}.modaal-gallery-control {
	top: auto;
	bottom: 20px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	background: rgba(0, 0, 0, 0.7);
}.modaal-gallery-control:before,
.modaal-gallery-control:after {
	background: #fff;
}.modaal-gallery-next {
	left: auto;
	right: 20px;
}.modaal-gallery-prev {
	left: 20px;
	right: auto;
}}@media screen and (max-width: 900px) {.modaal-instagram iframe {
	width: 500px !important;
}}@media only screen and (max-width: 600px) {.modaal-instagram iframe {
	width: 280px !important;
}}@media screen and (max-height: 1100px) {.modaal-instagram iframe {
	width: 700px !important;
}}@media screen and (max-height: 1000px) {.modaal-inner-wrapper {
	padding-top: 60px;
	padding-bottom: 60px;
}.modaal-instagram iframe {
	width: 600px !important;
}}@media screen and (max-height: 900px) {.modaal-video-container {
	max-width: 900px;
	max-height: 510px;
}}@media only screen and (max-height: 820px) {.modaal-gallery-label {
	display: none;
}}@keyframes instaReveal {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}@-webkit-keyframes instaReveal {

}@-webkit-keyframes modaal-loading-spinner {

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

100% {
	opacity: .1;
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

}@keyframes modaal-loading-spinner {

}@media screen and (min-width: 813px) {.sp-only{
    display: none;
}}@media screen and (max-width: 813px) {.pc-only{
    display: none;
}}.icon-flex{
    display: flex;
    gap:15px;
}.icon-flex a img{
    height: 25px!important;
}.fod-title{
    background-color: #597765;
    padding: 10px 20px;
    color: #fff;
    font-weight: bold;
    font-size: 21px;
    width: 960px;
    margin: 50px auto 0 auto;
    border-radius: 10px;
}@media screen and (max-width: 768px) {.fod-title{
        width:88%;
    }}.icon-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:10px;
}#past-link{
    background-color:#597765;
    text-align:center;
    margin-top: 100px;
    padding:20px 10px;
}
.past-flex{
    display: flex;
    gap:30px;
    justify-content: center; 
}
@media screen and (max-width: 767px){
    .past-flex{
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }

    .past-flex .past-link-btn{
        width: calc(50% - 5px);
        box-sizing: border-box;
        padding: 12px 10px;
        text-align: center;
    }
}
#past-link .past-link-btn{
    font-size: 16px;
    font-weight: bold;
    color: #597765;
    background-color: #F9F6F4;
    padding: 12px 30px;
    border-radius: 100vh;
    text-decoration: none;
    transition: 0.3s all;
}
#past-link .past-link-btn:hover{
    opacity: 0.6;
}#tt-map{
    width: 1000px;
    margin: 50px auto;
}@media screen and (max-width: 767px){#tt-map{
    width:100%;
    }}.stage-time{
    color: #F9F6F4;
    background-color: #597765;
    font-size: 14px;
    font-weight: bold;
    padding:10px 15px;
    border-radius: 5px;
    display: inline-block;
}#danner-camp{
    font-family: "Noto Sans JP", sans-serif;
    color: #2B2A27;
    box-sizing: border-box;
}#danner-camp img{
    width: 100%;
    vertical-align: top;
}#danner-camp .dc-btn{
    font-size: 15px;
    color: #fff;
    background-color: #597765;
    padding: 12px 30px;
    border-radius: 100vh;
    display: inline-block;
    text-decoration: none;
    transition: 0.3s all;
}#danner-camp .dc-btn:hover{
    opacity: 0.6;
}#danner-camp header{
    
    
    height: 80px;
    position: fixed;
z-index: 800;
    top: 0;
    width: 100%;
}#danner-camp header,
header#js-header[data-js-scroll="true"] {
background-color: #597765!important;
opacity: 0.9;
}header#js-header{
    background-color: transparent!important;
    transition: 0.5s all;
}#danner-camp .header-wrapper{
    
    width: 100%;
    position: relative;
    z-index: 10;
    margin: 0 auto;
    height: 80px;
}#danner-camp .header-wrapper h2{
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 0;
    transform: translate(0 , -50%);
    width: 385px;
    
}#danner-camp .header-wrapper ul{
    float: right;
    display: flex;
    
    position: absolute;
    z-index: 10;
    top: 50%;
    right: 43px;
    transform: translate(0, -50%);
}#danner-camp .header-wrapper ul li{
    padding-left: 32px;
    text-align: center;
    position: relative;
}#danner-camp .header-wrapper ul li::before{
    position: absolute;
    content: "";
    height: 8px;
    width: 1px;
    top: 50%;
    left: 16px;
    background-color: #ffffff;
    transform: translate(0 , -50%);
}#danner-camp .header-wrapper ul li:first-child:before{
    position: absolute;
    content: "";
    height: 0px;
    width: 0px;

}#danner-camp .header-wrapper ul li a{
    text-decoration: none;
    display: flex;
    justify-content: center;
    flex-direction: column;        
}#danner-camp .header-wrapper ul li a img{
    height: 11px;
width: auto;
margin: 0 auto;
}#danner-camp .header-wrapper ul li a span{
    font-size: 11px;
color: #fff;
}#danner-camp .ticket-fixed{
    position: fixed;
z-index: 700;
    top: 70%;
    right: 0;
    width: 65px;
}#main{
    margin: 0 auto ;
    
    width: 100%;
    
    height: auto;
}#main img.pc-block{
    
    margin: 0 auto;
    width: 100%;
    height: auto;
}#topics{
    background-color: #F9F6F4;
    
    margin-top: 0;
}#topics .topics-wrapper{
    max-width: 1000px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto;
padding: 64px 0;
}#topics .topics-wrapper h3 {
    width: 218px;
}#topics .topics-wrapper .topics-list li{
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}#topics .topics-wrapper .topics-list li:last-of-type{
    padding-bottom: 0px;
}#topics .topics-wrapper .topics-date{
    font-size: 18px;
    padding-right: 25px;
    font-weight: bold;
}#topics .topics-wrapper .topics-new{
    width: 30px;
    height: auto;
    padding-right: 10px;
}#topics .topics-wrapper .topics-text{
    font-size: 16px;
    font-weight: bold;
}#topics .topics-wrapper .topics-text a{
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
}#about{
    margin-top: 150px;
}#about .about-wrapper{
    margin: 0 auto;
    max-width: 1440px;
    display: flex;
    justify-content: center;
}#about .about-wrapper .about-txt{
    width: 730px;
    
}#about .about-wrapper .about-txt h3{
    font-size: 42px;
    text-align: center;
    margin-bottom: 80px;
}#about .about-wrapper .about-txt .about-txt-content{
    width: 578px;
    margin: 0 auto;
}#about .about-wrapper .about-txt .about-txt-article{
    font-size: 18px;
    line-height: 2.2em;
}#about .about-wrapper .about-txt  .about-btn-wrapper{
    text-align: center;
    margin-top: 45px;
    display: block;
}#about .about-wrapper .about-txt  .about-info{
    width: 100%;
    margin-top: 55px;
}#about .about-wrapper .about-txt  .about-info .about-info-content{
    display: flex;
    border-top: 1px solid #E8E5E3;
    border-bottom: 1px solid #E8E5E3;
    padding: 23px 12px;
}#about .about-wrapper .about-txt  .about-info .about-info-content .about-info-item{
    margin-right: 21px;
}#about .about-wrapper .about-txt  .about-info .about-info-content .about-info-item span{
    font-size: 15px;
    font-weight: bold;
    border-radius: 6px;
    background-color: #E8E5E3;
    color: #2B2A27;
    display: block;
    padding: 4px 12px;
    width: 88px;
    box-sizing: border-box;
}#about .about-wrapper .about-txt  .about-info .about-info-content .about-info-detail{
    
}#about .about-wrapper .about-txt  .about-info .about-info-content .about-info-detail .about-info-date{
    font-size: 15px;
    font-weight: bold;
    line-height: 1em;
    margin-top: 28px;
}#about .about-wrapper .about-txt  .about-info .about-info-content .about-info-detail .about-info-date.about-info-date-top{
    margin-top: 6px;
}#about .about-wrapper .about-txt  .about-info .about-info-content .about-info-detail .about-info-tt{
    margin-top: 22px;
    font-size: 15px;
    font-weight: bold;
    color: #597765;
    padding-left: 28px;
    display: inline-block;
}#about .about-wrapper .about-txt  .about-info .about-info-content .about-info-detail .about-info-field{
    font-size: 15px;
    font-weight: bold;
}#about .about-wrapper .about-txt  .about-info .about-info-content .about-info-detail .about-info-address{
    font-size: 15px;
    font-weight: normal;
}#about .about-wrapper .about-txt  .about-info .about-info-content .about-info-detail .about-info-url{
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
}#about .about-wrapper .about-txt  .about-info .about-info-content .about-info-detail .about-info-tt.about-info-tt-top {
    border-left: 1px solid #E8E5E3;
    margin-left: 8px;
}.contents-grid{
    width:1000px;
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    justify-content: center;
    grid-gap:50px;
    margin:50px auto 0 auto;
}.contents-grid-item{
    background-color: #fff;
    padding:20px;
    border-radius: 14px;
}@media screen and (max-width: 768px) {.contents-grid{
        width:100%;
        grid-template-columns:1fr;
        grid-gap:30px;
    }}.dd-grid{
    width:960px;
    display: grid;
    grid-template-columns:1fr 1fr;
    justify-content: center;
    grid-gap:50px;
    text-align: left;
    align-items: center;
    margin:50px auto 0 auto;
    background-color: #fff;
    padding:20px;
    border-radius: 14px;
}.dd-grid p{
    margin-top:0!important;
}@media screen and (max-width: 768px) {.dd-grid{
        width:90%;
        grid-template-columns:1fr;
        grid-gap:30px;
    }}#contents{
    margin-top: 150px;
    background-color: #F9F6F4;
    padding: 120px 0;
}#contents h4 img{
    height: 29px;
    width: auto;
    max-width: 100%;
}@media screen and (max-width: 768px) {#contents h4 img{
    height:29px;
    }}.contents-title{
    font-size:1.8em!important;
    font-weight:bold;
    margin-bottom:10px;
}.contents-p{
    margin-bottom:10px;
    font-size:15px;
    font-weight: bold;
}.contents-text{
    margin-bottom:10px;
    font-size:15px;
    font-weight: bold;
    text-align: left;
}.contents-btn{
    font-size: 14px;
    font-weight: bold;
    color: #fff!important;
    background-color: #597765;
    padding: 10px 20px;
    border-radius: 100vh;
    display: inline-block;
    text-decoration: none!important;
    transition: 0.3s all;
    margin-top:8px;
}.contents-btn:hover{
    opacity: 0.6;
}#contents .contents-wrapper,
#ticket .contents-wrapper-soon{
    align-items: center;
    margin: 0 auto;
    text-align: center;

}#contents .contents-wrapper:first-child,
#ticket .contents-wrapper-soon:first-child{
    margin-bottom: 120px;
}#contents .contents-wrapper h3,
#ticket .contents-wrapper-soon h3{
    width: auto;
    height: 115px;
}#contents .contents-wrapper h3 img,
#ticket .contents-wrapper-soon h3 img{
    width: auto;
    height: 100%;
}.contents-wrapper h4{
    margin-top: 80px;
    width: auto;
}#contents .contents-wrapper p,
#ticket .contents-wrapper-soon p{
    margin-top: 30px;
    font-size: 15px;
}#access{
    margin-top: 175px;
}#access .access-wrapper{
    display: flex;
    justify-content: space-between;
    max-width: 1440px;
    margin: 0 auto;
}#access .access-wrapper .access-txt{
    width: 580px;
    text-align: left;
    margin-left: 90px;
}#access .access-wrapper .access-txt h3{
    width: 236px;
}#access .access-wrapper .access-txt h4{
    margin-top: 45px;
    width: 482px;
}#access .access-wrapper .access-txt p{
    margin-top: 45px;
    font-size: 15px;
    line-height: 2.2em;
}#access .access-wrapper .access-txt .access-rfk{
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: 50px;
}#access .access-wrapper .access-txt .access-rfk .access-rfk-logo{
    width: 120px;
    margin-right: 35px;
}#access .access-wrapper .access-txt .access-rfk .access-rfk-link li{
    display: flex;
    margin-bottom: 15px;
}#access .access-wrapper .access-txt .access-rfk .access-rfk-link li:last-of-type{
    padding-bottom: 0px;
}#access .access-wrapper .access-txt .access-rfk .access-rfk-link li img{
    width: 20px;
    height: 20px;
}#access .access-wrapper .access-txt .access-rfk .access-rfk-link li a{
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    margin-left: 8px;
}#access .access-wrapper .access-img{
    width: 711px;
}#access .access-map{
    width: 886px;
    margin: 20px auto 0;
}#access .access-map .gmap {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    border: 5px solid #597765;
    border-radius: 10px;
}#access .access-map .gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}#access .access-loot-wrapper{
    margin: 150px auto 0;
    display: flex;
    max-width: 1255px;
    justify-content: space-between;
}#access .access-loot-wrapper .access-loot{
    width: 600px;
    padding: 130px 45px 50px;
    background-color: #F9F6F4;
    box-sizing: border-box;
    position: relative;
}#access .access-loot-wrapper .access-loot img{
    position: absolute;
top: 3%;
left: 50%;
transform: translate(-50%, -50%);
width: auto;
height: 129px;
}#access .access-loot-wrapper .access-loot p{
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 1.8em;
}#access .access-loot-wrapper .access-loot p.bold{
    font-weight: bold;
    margin-top: 50px;
}#access .access-loot-wrapper .access-loot p.bold span{
    font-weight: normal;
    color: #2B2A27;
}#access .access-loot-wrapper .access-loot p.loot{
    margin-left: 28px;
    position: relative;
    margin-top: 0;
}#access .access-loot-wrapper .access-loot p.loot::before{
    position: absolute;
content: "";
width: 23px;
height: 2px;
background-color: #2B2A27;
top: 12px;
left: -28px;
transform: translate(0%, -50%);
}#gallery{
    margin-top: 100px;
    text-align: center;
}#gallery h3{
    margin: 0 auto 30px;
    text-align: center;
    width: 269px;
}#gallery .gallery-content{
    max-width: 1374px;
    margin: 0 auto;
}#gallery .gallery-content  ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}#gallery .gallery-content  ul li{
    width: 336px;
height: 224px;
margin-bottom: 10px;
}#gallery .gallery-content  ul li img{
    width: 100%;
}#faq{
    margin-top: 230px;
    margin-bottom: 160px;
}#faq .faq-wrapper{
    max-width: 1255px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto 140px;
}#faq .faq-wrapper .faq-title{
    width: 210px;
}#faq .faq-wrapper .faq-title h3{
    
}#faq .faq-wrapper .faq-content{
    width: 908px;
}#faq .faq-link{
    
    
    align-items: center;
    justify-content: space-between;
    margin-top: 0;
}#faq .faq-link .faq-link-text{
    font-size: 16px;
    line-height: 1.8em;
    margin-top: 20px;
    margin-bottom: 10px;
}
#faq h4{
    position: relative;
font-size: 16px;
padding-left: 20px;
}#faq h4::before{
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    background-color: #597765;
    border-radius: 12px;
    top: 5px;
    left: 0;
}#danner-camp footer{
    background-color: #F9F6F4;
    border-top: 1px solid #dfdfdf;
    padding-top: 80px;
    padding-bottom: 20px;
    text-align: center;
    box-sizing: border-box;
}
#danner-camp footer .footer-logo{
    margin-bottom: 20px;
    width: 170px;
}
#danner-camp .footer-icon img{
    margin-bottom: 20px;
}
#danner-camp footer p{
    color: #183028;
    font-size: 12px;
}#faq .faq-accordion-area{
list-style: none;

margin-bottom: 75px;
}#faq .faq-accordion-area li{
margin: 0px 0 20px;
}#faq .faq-accordion-area section {

}#faq .faq-q-title {
position: relative;
cursor: pointer;
font-size: 16px;
font-weight: normal;
padding: 1.9%;
transition: all .5s ease;
background-color: #F9F6F4;
border-radius: 14px;

}#faq .faq-q-title img{
margin-right: 16px;
margin-top: 4px;
width: 14px;
}#faq .faq-q-title::before,
#faq .faq-q-title::after{
position: absolute;
content:"";
width: 15px;
height: 2px;
background-color: #333;
transition: all .5s ease;
}#faq .faq-q-title::before{
top:48%;
right: 22px;
transform: rotate(0deg);

}#faq .faq-q-title::after{    
top:48%;
right: 22px;
transform: rotate(90deg);

}#faq .faq-q-title.close::before{
transform: rotate(180deg);
}#faq .faq-q-title.close::after{
transform: rotate(0deg);
}#faq .faq-a-box {
display: none; 
font-size: 16px;
font-weight: normal;
padding: 1.9% 0.8% 1.9% 1.9%;
gap: 16px;
align-items: flex-start;
}#faq .faq-a-box img{
margin-top: 4px;
width: 14px;
}#faq .faq-a-box p{
margin: 0;
}#faq .faq-a-box p a{
    color: #597765;
    text-decoration: underline;
    display: inline;
}#faq .faq-a-box p a:hover{
    color: #000;
    text-decoration:none;
}.faq-notice-text{
    font-size: 15px;
    line-height: 1.6em;
    margin-bottom:35px;
}.pc-block{
    display: block!important;
}.sp-block{
    display: none!important;
}@media screen and (max-width: 1440px) {#danner-camp header{
    background-color: #fff;
    
    height: 4.86vw;
}#danner-camp .header-wrapper{
    height: 4.86vw;
}#danner-camp .header-wrapper h2{
    width: 21.25vw;
    
}#danner-camp .header-wrapper ul{
right: 2.98vw;
}#danner-camp .header-wrapper ul li{
    padding-left: 2.22vw;
}#danner-camp .header-wrapper ul li::before{
    left: 1.11vw;
}#danner-camp .header-wrapper ul li a img{
    height: 0.76vw;
width: auto;
margin: 0 auto;
}#danner-camp .header-wrapper ul li a span{
    font-size: 0.76vw;
}#main{
    margin: 0 auto 0;
    max-width: 1440px;
    height: auto;
}#main img.pc-block{
    
    width: 100%;
    height: auto;
}#topics{
    background-color: #F9F6F4;
    
}#topics .topics-wrapper{
    width: 70.63vw;
padding: 4.44vw 0;
}#topics .topics-wrapper h3{
    width: 15.13vw;
}#topics .topics-wrapper .topics-list li{
    padding-bottom: 1.38vw;
}#topics .topics-wrapper .topics-date{
    font-size: 1.25vw;
    padding-right: 1.73vw;
}#topics .topics-wrapper .topics-new{
    width: 2.03vw;
    padding-right: 0.69vw;
}#topics .topics-wrapper .topics-text{
    font-size: 1.25vw;
}#topics .topics-wrapper .topics-text a{
    font-size: 1.11vw;
}#about{
    margin-top: 10.41vw;
}#about .about-wrapper .about-txt{
    width: 50.69vw;
    margin-right: 0;
}#about .about-wrapper .about-txt h3{
    width: 50.13vw;
    margin-bottom: 5.55vw;
}#about .about-wrapper .about-txt .about-txt-content{
    width: 39.58vw;
}#about .about-wrapper .about-txt .about-txt-article{
    font-size: 1.11vw;
    line-height: 2.2em;
}#about .about-wrapper .about-txt  .about-btn-wrapper{
    margin-top: 3.12vw;
}#about .about-wrapper .about-txt  .about-info{
    width: 100%;
    margin-top: 3.81vw;
}#about .about-wrapper .about-txt  .about-info .about-info-content{
    padding: 1.59vw 0.83vw;
}#about .about-wrapper .about-txt  .about-info .about-info-content .about-info-item{
    margin-right: 1.45vw;
}#about .about-wrapper .about-txt  .about-info .about-info-content .about-info-item span{
    font-size: 1.11vw;
    border-radius: 6px;
    padding: 4px 12px;
    width: 6.11vw;
}#about .about-wrapper .about-txt  .about-info .about-info-content .about-info-detail .about-info-date{
    font-size: 2.08vw;
    margin-top: 1.94vw;
}#about .about-wrapper .about-txt  .about-info .about-info-content .about-info-detail .about-info-tt{
    margin-top: 1.52vw;
    font-size: 1.11vw;
    padding-left: 1.94vw;
}#about .about-wrapper .about-txt  .about-info .about-info-content .about-info-detail .about-info-field{
    font-size: 1.25vw;
}#about .about-wrapper .about-txt  .about-info .about-info-content .about-info-detail .about-info-address{
    font-size: 1.11vw;
}#about .about-wrapper .about-txt  .about-info .about-info-content .about-info-detail .about-info-url{
    font-size: 1.11vw;
}#about .about-wrapper .about-txt  .about-info .about-info-content .about-info-detail .about-info-tt.about-info-tt-top {
    margin-left: 8px;
}#contents{
    margin-top: 10.41vw;
    padding: 8.33vw 0;
}#contents .contents-wrapper:first-child,
#ticket .contents-wrapper:first-child{
    margin-bottom: 8.33vw;
}#contents .contents-wrapper h4,
#ticket .contents-wrapper h4{
    margin-top: 80px;
}#contents .contents-wrapper p,
#ticket .contents-wrapper-soon p{
    margin-top: 2.08vw;
    font-size: 1.11vw;
}#access{
    margin-top: 12.15vw;
}#access .access-wrapper .access-txt{
    width: 40.27vw;
    margin-left: 6.25vw;
}#access .access-wrapper .access-txt h3{
    width: 16.38vw;
}#access .access-wrapper .access-txt h4{
    margin-top: 3.12vw;
    width: 33.47vw;
}#access .access-wrapper .access-txt p{
    margin-top: 3.12vw;
    font-size: 1.11vw;
    line-height: 2.2em;
}#access .access-wrapper .access-txt .access-rfk{
    margin-top: 3.47vw;
}#access .access-wrapper .access-txt .access-rfk .access-rfk-logo{
    width: 8.33vw;
    margin-right: 2.43vw;
}#access .access-wrapper .access-txt .access-rfk .access-rfk-link li{
    display: flex;
    margin-bottom: 1.04vw;
}#access .access-wrapper .access-txt .access-rfk .access-rfk-link li img{
    width: 1.38vw;
    height: 1.38vw;
}#access .access-wrapper .access-txt .access-rfk .access-rfk-link li a{
    font-size: 1.11vw;
    margin-left: 8px;
}#access .access-wrapper .access-img{
    width: 49.37vw;
}#access .access-map{
    width: 61.52vw;
    margin: 20px auto 0;
}#access .access-loot-wrapper{
    margin: 10.41vw auto 0;
    max-width: 87.15vw;
}#access .access-loot-wrapper .access-loot{
    width: 41.66vw;
    padding: 9.02vw 3.12vw 3.47vw;
}#access .access-loot-wrapper .access-loot img{
height: 8.95vw;
}#access .access-loot-wrapper .access-loot p{
    font-size: 1.11vw;
    margin-bottom: 1.38vw;
}#access .access-loot-wrapper .access-loot p.bold{
    margin-top: 3.47vw;
}#access .access-loot-wrapper .access-loot p.loot{
    margin-left: 1.94vw;
}#access .access-loot-wrapper .access-loot p.loot::before{
width: 1.59vw;
top: 0.8vw;
left: -1.94vw;
}#gallery{
    margin-top: 13.8vw;
}#gallery h3{
    margin: 0 auto 2.08vw;
    text-align: center;
    width: 18.68vw;
}#gallery .gallery-content{
    max-width: 95.41vw;
    margin: 0 auto;
}#gallery .gallery-content  ul li{
    width: 23.33vw;
height: 15.55vw;
margin-bottom: 0.69vw;
}*/
#faq{
    margin-top: 15.97vw;
    margin-bottom: 11.11vw;
}#faq .faq-wrapper{
    max-width: 85.41vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    
    margin: 0 auto 140px;
}#faq .faq-wrapper .faq-title{

}#faq .faq-wrapper .faq-title h3{
    width: 14.19vw;
}#faq .faq-wrapper .faq-content{
    width: 69.44vw;
}#faq .faq-link{
    margin-top: 1.55vw;
}#faq .faq-link .faq-link-text{
    font-size: 1.11vw;
    line-height: 1.8em;
    margin-right: 0.69vw;
}#contact .contact{
    width: 50vw;
    padding: 4.86vw 2.77vw;
    margin: 0 auto;
}#contact .contact a{
    width: 38.05vw;
}#danner-camp footer{
    background-color: #F9F6F4;
    border-top: 1px solid #dfdfdf;
    padding-top: 5.55vw;
    padding-bottom: 1.38vw;
    text-align: center;
    box-sizing: border-box;
}#danner-camp footer img{
    margin-bottom: 20px;
}#faq .faq-accordion-area{
list-style: none;

margin-bottom: 5.20vw;
}#faq .faq-accordion-area li{
margin: 0px 0 1.38vw;
}#faq .faq-accordion-area section {

      
}#faq h4{
    position: relative;
    font-size: 1.11vw;
    padding-left: 1.38vw;
}#faq h4::before{
    height: 0.83vw;
    width: 0.83vw;
    background-color: #597765;
    border-radius: 0.83vw;
    top: 0.34vw;
}#faq .faq-q-title {
position: relative;
cursor: pointer;
font-size: 1.11vw;
font-weight: normal;
padding: 1.9%;
transition: all .5s ease;
background-color: #F9F6F4;
border-radius: 14px;

}#faq .faq-q-title img{
margin-right: 1.11vw;
margin-top: 4px;
width: 0.97vw;
}#faq .faq-q-title::before,
#faq .faq-q-title::after{
position: absolute;
content:"";
width: 1.04vw;
height: 2px;
background-color: #333;
transition: all .5s ease;
}#faq .faq-q-title::before{
top:48%;
right: 1.52vw;
transform: rotate(0deg);

}#faq .faq-q-title::after{    
top:48%;
right: 1.52vw;
transform: rotate(90deg);

}#faq .faq-q-title.close::before */


#faq .faq-a-box {
display: none;
font-size: 1.11vw;
font-weight: normal;
padding: 1.9% 0.8% 1.9% 1.9%;
}#faq .faq-a-box img{
margin-right: 1.11vw;
margin-top: 4px;
float: left;
width: 0.97vw;
}#faq .faq-a-box p{

}}@media screen and (max-width: 1440px) {#danner-camp .dc-btn{
    font-size: 1.11vw;
    padding: 0.83vw 2.08vw;
    }}@media screen and (max-width: 767px) {#danner-camp .dc-btn{
        font-size: 15px;
        padding: 3.1vw 9.3vw;
    }#danner-camp header{
    background-color: #fff;
    
    height: 17.0vw;
    position: fixed;
z-index: 800;
    top: 0;
    width: 100%;
}#danner-camp .header-wrapper{
    max-width: 1440px;
    position: relative;
z-index: 10;
    margin: 0 auto;
    height: 17.0vw;
}#danner-camp .header-wrapper h2{
    position: absolute;
z-index: 10;
    top: 50%;
    left: 0;
    width: 56.8vw;
}#danner-camp .header-wrapper ul li a span{
    font-size: 11px;
}*/
#danner-camp .header-wrapper ul li::before{
    display: none;
}#danner-camp .ticket-fixed{
top: 75%;
width: 13.8vw;
}#main{
    margin: 0 auto 0;
}#main img.sp-block{
    margin: 0 auto;
    width: 93.3%;
}#topics {
    
}#topics .topics-wrapper{
    flex-direction: column;
    padding: 17vw 6.6vw;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
}#topics .topics-wrapper h3{
    width: 43.7vw;
    margin-bottom: 11.2vw;
}#topics .topics-wrapper .topics-list li{
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 7.4vw;
}#topics .topics-wrapper .topics-date {
    font-size: 4.8vw;
    padding: 0;
}#topics .topics-wrapper .topics-new{
    width: 8vw;
    padding-top: 4.2vw;
    padding-right: 0;
}#topics .topics-wrapper .topics-text{
    font-size: 4.2vw;
}#topics .topics-wrapper .topics-text a {
    font-size: 4.2vw;
}#about{
    margin-top: 0;
}#about .about-wrapper{
    flex-direction: column;
    width: 100%;
}#about .about-wrapper .about-txt{
    width: auto;
    padding: 10vw 6.6vw;
    margin: 0 auto;
}#about .about-wrapper .about-txt h3{
    width: 73.7vw;
    margin: 0 auto 8.2vw auto;
}#about .about-wrapper .about-txt .about-txt-content{
    width: 100%;
}#about .about-wrapper .about-txt .about-txt-article{
    font-size: 18px;
}#about .about-wrapper .about-txt .about-btn-wrapper{
    margin-top: 9.3vw;
}#about .about-wrapper .about-txt .about-info{
    margin-top: 11.2vw;
}#about .about-wrapper .about-txt .about-info .about-info-content{
    flex-direction: column;
}#about .about-wrapper .about-txt .about-info .about-info-content{
    padding: 6.1vw 0;
}#about .about-wrapper .about-txt .about-info .about-info-content .about-info-item{
    width: max-content;
}#about .about-wrapper .about-txt .about-info .about-info-content .about-info-item span{
    font-size: 4.2vw;
    padding: 1.2vw 3.4vw;
    width: auto;
}#about .about-wrapper .about-txt .about-info .about-info-content .about-info-detail .about-info-date.about-info-date-top{
    margin-top: 5.8vw;
}#about .about-wrapper .about-txt .about-info .about-info-content .about-info-detail .about-info-date{
    margin-top: 7.4vw;
    font-size: 15px;
}#about .about-wrapper .about-txt .about-info .about-info-content .about-info-detail .about-info-tt{
    line-height: 1em;
    font-size: 4.2vw;
    border-left :1px solid #E8E5E3;
    display: block;
    margin-top: 0;
padding-top: 2vw;
padding-left: 4vw;
margin-left: 2.1vw;
}#about .about-wrapper .about-txt .about-info .about-info-content .about-info-detail .about-info-tt.about-info-tt-top{
    padding-top: 0;
    margin-left: 2.1vw;
    margin-top: 6.1vw;
}#about .about-wrapper .about-txt .about-info .about-info-content .about-info-detail .about-info-tt.about-info-tt-top:not(:first-of-type){
    margin-top: 0;
    padding-top: 2vw;
}#about .about-wrapper .about-txt .about-info .about-info-content .about-info-detail .about-info-field{
    margin-top: 5.3vw;
    font-size: 15px;
    line-height: 1.8em;
}#about .about-wrapper .about-txt .about-info .about-info-content .about-info-detail .about-info-address{
    font-size: 15px;
    line-height: 1.8em;
}#about .about-wrapper .about-txt .about-info .about-info-content .about-info-detail .about-info-url{
    font-size: 4.2vw;
    line-height: 1.8em;
}#contents{
    margin-top: calc(25.3vw - 17vw);
    padding: 21.3vw 0;
}#contents .contents-wrapper,
#ticket .contents-wrapper-soon{
    padding: 0 6.6vw;
align-items: flex-start;
width: auto;
}#contents .contents-wrapper:first-child ,
#ticket .contents-wrapper-soon:first-child {
margin-bottom: 24vw;
}#contents .contents-wrapper h3,
#ticket .contents-wrapper-soon h3{
    height: 26.9vw;
}#contents .contents-wrapper h4,
#ticket .contents-wrapper-soon h4{

}#contents .contents-wrapper p ,
#ticket .contents-wrapper-soon p {
    font-size: 4.1vw;
}#access {
    margin-top: 22.6vw;
}#access .access-wrapper{
    flex-direction: column;
}#access .access-wrapper .access-txt{
    width: auto;
padding: 0 6.6vw;
margin-left: 0;
}#access .access-wrapper .access-txt h3{
    width: 47.2vw;
}#access .access-wrapper .access-txt h4 {
margin-top: 12vw;
width: 72.8vw;
}#access .access-wrapper .access-txt p{
    margin-top: 12vw;
    font-size: 4.2vw;
}#access .access-wrapper .access-txt .access-rfk{
    flex-direction: column;
    align-items: center;
    margin-top: 6.6vw;
}#access .access-wrapper .access-txt .access-rfk .access-rfk-logo{
    width: 32vw;
    margin-right: 0;
}#access .access-wrapper .access-txt .access-rfk .access-rfk-link {
    margin-top: 8vw;
}#access .access-wrapper .access-txt .access-rfk .access-rfk-link li {
    margin-bottom: 4.5vw;
}#access .access-wrapper .access-txt .access-rfk .access-rfk-link li img {
    width: 4.5vw;
    height: 4.5vw;
}#access .access-wrapper .access-txt .access-rfk .access-rfk-link li a {
    font-size: 4vw;
    margin-left: 2vw;
}#access .access-wrapper .access-img {
    width: 93.3vw;
    margin-left: auto;
    margin-top: 4.2vw;
}#access .access-map{
    width: auto;
    padding: 5.3vw 6.6vw 0;
}#access .access-loot-wrapper{
    margin: 4vw 6.6vw 0;
    flex-direction: column;
    align-items: center;
}#access .access-loot-wrapper .access-loot {
width: 100%;
padding: 34.6vw 6.6vw 13.3vw;
border-radius: 3.7vw;
margin-top: 24vw;
}#access .access-loot-wrapper .access-loot img {
height: 34.4vw;
}#access .access-loot-wrapper .access-loot p{
    font-size: 4vw;
    margin-bottom: 5.3vw;
    line-height: 1.8em;
}#access .access-loot-wrapper .access-loot p.bold{
    font-weight: bold;
    margin-top: 8.3vw;
}#access .access-loot-wrapper .access-loot p.loot{
    margin-left: 6vw;
    position: relative;
    margin-top: 0;
}#access .access-loot-wrapper .access-loot p.loot::before{
    position: absolute;
content: "";
width: 4vw;
height: 2px;
background-color: #2B2A27;
top: 4vw;
left: -6vw;
transform: translate(0%, -50%);
}#gallery{
    margin-top: 18.6vw;
}#gallery h3{
    margin: 0 auto 9.3vw;
    width: 53.8vw;
}#gallery .gallery-content{
    width: 100%;
}#gallery .gallery-content .gallery-movie-wrapper ul,
 #gallery .gallery-content ul{
    width: 86.6vw;
    display: flex;
    margin: 0 auto;
 }#gallery .gallery-content ul li {
width: 42.4vw;
height: 28.2vw;
margin-bottom: 1.8vw;
}#faq {
margin-top: 21.3vw;
margin-bottom: 32vw;
}#faq .faq-wrapper{
flex-direction: column;
width: 86.6vw;
}#faq .faq-wrapper .faq-title{
width: 28.8vw;
margin-bottom: 6.6vw;
}#faq .faq-wrapper .faq-title h3{
    width: 40.2vw;
}#faq .faq-wrapper .faq-content {
width: 100%;
}#faq h4{
    position: relative;
    font-size: 4.26vw;
    padding-left: 5.33vw;
}#faq h4::before{
    height: 3.2vw;
    width: 3.2vw;
    border-radius: 3.2vw;
    top: 1.3vw;
}#faq .faq-accordion-area {
    margin-bottom: 11.2vw;
}#faq .faq-accordion-area li {
margin-bottom: 4.8vw;
}#faq .faq-q-title {
font-size: 4vw;
line-height: 1.8em;
padding: 4.8vw 10.6vw 4.8vw 4.8vw;
border-radius: 3.7vw;
display: flex;
}#faq .faq-q-title img {
margin-right: 16px;
margin-top: 4px;
height: auto;
width: 3.7vw;
height: fit-content;
height: intrinsic;
padding-top: 0.3em;
}#faq .faq-q-title span {
width: 66.6vw;
}#faq .faq-q-title::before, #faq .faq-q-title::before,
#faq .faq-q-title::before, #faq .faq-q-title::after {
right: 4.8vw;
width: 3.2vw;
}#faq .faq-a-box {
font-size: 4.2vw;
padding: 4.8vw 2.4vw 4.8vw 4.8vw;
}#faq .faq-a-box img {
margin-right: 16px;
margin-top: 4px;
float: left;
height: fit-content;
height: intrinsic;
width: 3.7vw;
}#faq .faq-link {
margin-top: 7.3vw;
flex-direction: column;
justify-content: flex-start;
}#faq .faq-link .faq-link-text{
margin: 0 auto;
font-size: 4.2vw;
}#faq .faq-link .faq-btn-wrapper{
margin-top: 6.1vw;
}#faq .faq-link .faq-btn-wrapper .dc-btn {
padding: 3.1vw 8.9vw;
}#contact .contact{
    width: 86.6vw;
    padding: 9.3vw 12vw;
    margin: 12vw auto 14.3vw;
}#contact .contact{

}#contact .contact a{
    width: 61.6vw;
}#danner-camp footer {
padding-top: 13.3vw;
padding-bottom: 6.6vw;
}#danner-camp footer img{
margin-bottom: 12vw;
}#danner-camp footer p {
font-size: 3.2vw;
}.pc-block{
        display: none!important;
    }.sp-block{
        display: block!important;
    }}.ticket-lh{
    margin-bottom:5px;
}.detail-row {
    background-color: #fff;
}td.accordion-cell {
  padding: 0 !important;
  border: none !important;
  height: 0;
}.accordion-wrapper {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease;
}.accordion-wrapper.open {
  max-height: 1200px; 
  opacity: 1;
}.accordion-content {
    padding: 0px;
    text-align: left;
}button {
    cursor: pointer;
    background: none;
    border: none;
    color: #597765;
    text-decoration: underline;
    font-size: 15px;
    font-weight:bold;
}.soldout{
    color: #fff;
    padding:5px 10px;
    background-color: #E52823;
    display: inline-block;
}#ticketHeader{
    margin-top: 240px;
    text-align: center;
}#ticketHeader h2{
    width: 215px;
    margin: 0 auto;
}#ticketHeader p{
    font-size: 15px;
    margin-top: 35px;
}#ticketAbout{
    margin-top: 80px;
    margin-bottom: 120px;
}#ticketAbout .ticket-about-wrapper {
    width: 880px;
    margin: 0 auto;
}#ticketAbout .ticket-about-wrapper h3{
    width: 516px;
}#ticketAbout .ticket-about-wrapper hr{
    margin-bottom: 25px;
}#ticketAbout .ticket-about-wrapper h4 span{
    width: 58px;
    margin-right: 15px;
    display: inline-block;
}#ticketAbout .ticket-about-wrapper h4 span img{
    vertical-align: baseline;
}#ticketAbout .ticket-about-wrapper h4 {
    font-size: 18px;
    font-weight: bold;
    display: flex;
}#ticketAbout .ticket-about-wrapper p {
    font-size: 15px;
}#ticketAbout .ticket-about-wrapper div.pc-block {
    margin-bottom: 65px;
}#ticketAbout .ticket-about-wrapper table {
    width: 100%;
    margin-top: 20px;
    font-size: 15px;
}#ticketAbout .ticket-about-wrapper table.cols-5 tr th:first-child ,
#ticketAbout .ticket-about-wrapper table.cols-5 tr td:first-child {
    width: 344px;
}#ticketAbout .ticket-about-wrapper table.cols-5 tr td:nth-child(5){
    width: 140px
}#ticketAbout .ticket-about-wrapper table.cols-2 tr th:last-child ,
#ticketAbout .ticket-about-wrapper table.cols-2 tr td:last-child ,
#ticketAbout .ticket-about-wrapper table.cols-3 tr th:nth-child(2) ,
#ticketAbout .ticket-about-wrapper table.cols-3 tr td:nth-child(2) {
    width: 315px;
}#ticketAbout .ticket-about-wrapper table tr th,
#ticketAbout .ticket-about-wrapper table tr td{
    text-align: center;
}#ticketAbout .ticket-about-wrapper table tr th:first-child,
#ticketAbout .ticket-about-wrapper table tr td:first-child{
    text-align: left;
}#ticketAbout .ticket-about-wrapper table tr th{
    background-color: #F9F6F4;
    font-weight: normal;
}#ticketAbout .ticket-about-wrapper table tr td{
    font-weight: medium;
}#ticketAbout .ticket-about-wrapper table tr td a{
    color: #597765;
    text-decoration: underline;
}#ticketAC{
    background-color: #fff;
    padding-top: 0px;
    padding-bottom: 0px;
}#ticketAC .ticket-info-wrapper{
    width: 880px;
    margin: 10px auto;
}#ticketAC .ticket-info-wrapper .ticket-info-items {
    padding: 40px 40px 50px;
    border-radius: 14px;
    background-color: #F9F6F4;
}#ticketAC .ticket-info-wrapper .ticket-info-items h4{
    width: 100%;
    font-size: 20px;
    padding: 14px 0;
    margin-bottom: 35px;
    font-weight: bold;
    color: #fff;
    background-color: #597765;
    text-align: center;
}#ticketAC .ticket-info-wrapper .ticket-info-items .ticket-info-item-flex{
    display: flex;
    justify-content: space-between;
}#ticketAC .ticket-info-wrapper .ticket-info-items .ticket-info-item-flex .ticket-info-item-img{
    width: 421px;
}#ticketAC .ticket-info-wrapper .ticket-info-items .ticket-info-item-flex .ticket-info-item-text{
    width: 311px;
}#ticketAC .ticket-info-wrapper .ticket-info-items .ticket-info-item-flex .ticket-info-item-text h5{
    font-size: 16px;
    margin-bottom: 12px;
    font-weight: bold;
}#ticketAC .ticket-info-wrapper .ticket-info-items .ticket-info-item-flex .ticket-info-item-text .info-price{
    width: auto;
    height: 26px;
    margin-bottom: 25px;
}#ticketAC .ticket-info-wrapper .ticket-info-items .ticket-info-item-flex .ticket-info-item-text .info-price img{
    width: auto;
    height: 100%;
}#ticketAC .ticket-info-wrapper .ticket-info-items .ticket-info-item-flex .ticket-info-item-text ul{
    padding-left: 1.5em;
    font-size: 15px;
    margin-bottom: 25px;
}#ticketAC .ticket-info-wrapper .ticket-info-items .ticket-info-item-flex .ticket-info-item-text ul li{
    list-style: disc;
    font-size: 15px;
    margin-top: 12px;
}#ticketAC .ticket-info-wrapper .ticket-info-items .ticket-info-item-flex .ticket-info-item-text ul li b{
    font-weight: bold;
}#ticketAC .ticket-info-wrapper .ticket-info-items .ticket-info-item-flex .ticket-info-item-btn{
    margin-bottom: 10px;
}#ticketAC .ticket-info-wrapper .ticket-info-items .ticket-info-item-flex .ticket-info-item-btn .dc-btn{
    width: 100%;
padding: 10px 0;
text-align: center;
font-size: 16px;
}#ticketAC .ticket-info-wrapper .ticket-info-items .ticket-info-item-flex p{
  font-size: 13px;
}#ticketCaution{
    padding-top: 0;
    padding-bottom: 160px;
}#ticketCaution .ticket-caution-wrapper{
    width: 880px;
    margin: 0 auto;
}#ticketCaution .ticket-caution-wrapper:last-child{
    margin-top: 100px;
}#ticketCaution .ticket-caution-wrapper h3{
    font-size: 24px;
    font-weight: bold;
}#ticketCaution .ticket-caution-wrapper hr{
    margin-bottom: 25px;
}#ticketCaution .ticket-caution-wrapper ul{
    padding-left: 20px;
width: 830px;
margin: auto;
}#ticketCaution .ticket-caution-wrapper ul li{
    font-size: 15px;
    list-style: disc;
    line-height: 1.5em;
    margin-bottom: 8px;
}#ticketCaution .ticket-caution-wrapper ul li span a{
    color: #000;
    text-decoration: underline;
}#ticketCaution .ticket-caution-wrapper a.ticket-info-mail{
    font-size: 20px;
    font-weight: bold;
    color: #597765;
    text-decoration: none;
    display: block;
    margin-bottom: 15px;
    padding-left: 15px;
}#ticketCaution .ticket-caution-wrapper p{
    font-size: 15px;
    padding-left: 15px;
}@media screen and (max-width: 1440px) {#ticketHeader{
        margin-top: 16.6vw;
        text-align: center;
    }#ticketHeader h2{
        width: 14.93vw;
        margin: 0 auto;
    }#ticketHeader p{
        font-size: 1.04vw;
        margin-top: 2.43vw;
    }#ticketAbout{
        margin-top: 5.55vw;
        margin-bottom: 8.33vw;
    }#ticketAbout .ticket-about-wrapper h3{
        width: 35.83vw;
    }#ticketAbout .ticket-about-wrapper hr{
        margin-bottom: 1.73vw;
    }#ticketAbout .ticket-about-wrapper h4 span{
        width: 3.91vw;
        margin-right: 1.04vw;
    }#ticketAbout .ticket-about-wrapper h4 {
        font-size: 1.25vw;
    }#ticketAbout .ticket-about-wrapper p {
        font-size: 1.04vw;
    }#ticketAbout .ticket-about-wrapper div.pc-block {
        margin-bottom: 4.53vw;
    }#ticketAbout .ticket-about-wrapper table {
        width: 100%;
        margin-top: 20px;
        font-size: 1.04vw;
    }#ticketAbout .ticket-about-wrapper table.cols-5 tr th:first-child ,
    #ticketAbout .ticket-about-wrapper table.cols-5 tr td:first-child {
        width: 23.88vw;
    }#ticketAbout .ticket-about-wrapper table.cols-2 tr th:last-child ,
    #ticketAbout .ticket-about-wrapper table.cols-2 tr td:last-child ,
    #ticketAbout .ticket-about-wrapper table.cols-3 tr th:nth-child(2) ,
    #ticketAbout .ticket-about-wrapper table.cols-3 tr td:nth-child(2) {
        width: 21.85vw;
    }#ticketCaution{
        padding-top: 9.02vw;
        padding-bottom: 11.11vw;
    }#ticketCaution .ticket-caution-wrapper{
        width: 55.55vw;
    }#ticketCaution .ticket-caution-wrapper:last-child{
        margin-top: 6.94vw;
    }#ticketCaution .ticket-caution-wrapper h3{
        font-size: 1.66vw;
    }#ticketCaution .ticket-caution-wrapper hr{
        margin-bottom: 1.73vw;
    }#ticketCaution .ticket-caution-wrapper ul{
        padding-left: 1.38vw;
        width: 52.08vw;
    }#ticketCaution .ticket-caution-wrapper ul li{
        font-size: 1.04vw;
        margin-bottom: 8px;
    }#ticketCaution .ticket-caution-wrapper a.ticket-info-mail{
        font-size: 1.38vw;
        margin-bottom: 1.04vw;
        padding-left: 1.04vw;
    }#ticketCaution .ticket-caution-wrapper p{
        font-size: 1.04vw;
        padding-left: 1.04vw;
    }}@media screen and (max-width: 767px) {#ticketHeader{
    text-align: center;
    width: 86.6vw;
    margin: 37.3vw auto 0;
    }#ticketHeader h2{
        width: 42.6vw;
        margin: 0 auto 0 0;
    }#ticketHeader p{
        font-size: 4vw;
        margin-top: 6.6vw;
        text-align: left;
    }#ticketAbout{
        margin-top: 16vw;
        margin-bottom: 14.6vw;
    }#ticketAbout .ticket-about-wrapper {
        width: 86.6vw;
        margin: 0 auto;
    }#ticketAbout .ticket-about-wrapper h3{
        width: 57.8vw;
    }#ticketAbout .ticket-about-wrapper hr{
        margin-top: 6.66vw;
        margin-bottom: 6.66vw;
    }#ticketAbout .ticket-about-wrapper h4 span{
        width: 14.2vw;
        margin-right: 4vw;
        display: inline-block;
    }#ticketAbout .ticket-about-wrapper h4 {
        font-size: 4.8vw;
        font-weight: bold;

        justify-content: flex-start;
    }#ticketAbout .ticket-about-wrapper p {
        font-size: 4vw;
    }#ticketAbout .ticket-about-wrapper div.sp-block {
        margin-bottom: 16vw;
    }#ticketAbout .ticket-about-wrapper table {
        width: 100%;
        margin-top: 6.4vw;
        font-size: 4vw;
    }#ticketAbout .ticket-about-wrapper table tr:nth-child(odd){
        background-color: #fcfbfa;
    }#ticketAbout .ticket-about-wrapper table tr:nth-child(even){
        background-color: #F9F6F4;
    }#ticketAbout .ticket-about-wrapper table tr:first-child{
        background-color: #ced7d1;
    }#ticketAbout .ticket-about-wrapper table tr td:first-child{
        text-align: left;
    }#ticketAbout .ticket-about-wrapper table tr td:last-child{
        text-align: right;
    }#ticketAbout .ticket-about-wrapper table tr:first-child td{
        font-weight: bold;
        text-align: left;
    }#ticketAbout .ticket-about-wrapper table tr td{
        border: none;
    }#ticketAC{
        background-color: #fff;
        padding-top: 0;
        padding-bottom: 0;
    }#ticketAC .ticket-info-wrapper{
        width: 86.6vw;
    }#ticketAC .ticket-info-wrapper .ticket-info-items {
        padding: 0;
        border-radius: 14px;
        background-color: #F9F6F4;
        margin-top: 6.93vw;
    }#ticketAC .ticket-info-wrapper .ticket-info-items h4{
        width: 100%;
        font-size: 4.8vw;
        padding: 14px 0;
        margin-bottom: 0;
        font-weight: bold;
        color: #fff;
        background-color: #597765;
        text-align: center;
        border-radius: 14px 14px 0 0;
    }#ticketAC .ticket-info-wrapper .ticket-info-items .ticket-info-item-flex{
        display: flex;
        width: calc(100% - 4.6vw - 4.6vw);
        padding: 4.6vw;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }#ticketAC .ticket-info-wrapper .ticket-info-items .ticket-info-item-flex .ticket-info-item-img{
        width: 100%;
        margin-bottom: 6.6vw;
    }#ticketAC .ticket-info-wrapper .ticket-info-items .ticket-info-item-flex .ticket-info-item-text{
        width: 100%;
    }#ticketAC .ticket-info-wrapper .ticket-info-items .ticket-info-item-flex .ticket-info-item-text h5{
        font-size: 4.26vw;
        margin-bottom: 4vw;
    }#ticketAC .ticket-info-wrapper .ticket-info-items .ticket-info-item-flex .ticket-info-item-text .info-price{
        width: auto;
        height: 6.13vw;
        margin-bottom: 6.6vw;
    }#ticketAC .ticket-info-wrapper .ticket-info-items .ticket-info-item-flex .ticket-info-item-text ul{
        padding-left: 1.5em;
        font-size: 4vw;
        margin-bottom: 6.6vw;
    }#ticketAC .ticket-info-wrapper .ticket-info-items .ticket-info-item-flex .ticket-info-item-text ul li{
        list-style: disc;
        font-size: 4vw;
        margin-top: 2.7vw;
    }#ticketAC .ticket-info-wrapper .ticket-info-items .ticket-info-item-flex .ticket-info-item-btn{
        margin-bottom: 2.6vw;
    }#ticketAC .ticket-info-wrapper .ticket-info-items .ticket-info-item-flex .ticket-info-item-btn .dc-btn{
        width: 100%;
        padding: 2.6vw 0;
        text-align: center;
        font-size: 4.26vw;
    }#ticketCaution{
        padding-top: 0;
        padding-bottom: 26.66vw;
    }#ticketCaution .ticket-caution-wrapper{
        width: 86.6vw;
    }#ticketCaution .ticket-caution-wrapper:last-child{
        margin-top: 13.3vw;
    }#ticketCaution .ticket-caution-wrapper h3{
        font-size: 4.8vw;
    }#ticketCaution .ticket-caution-wrapper hr{
        margin-bottom: 4vw;
    }#ticketCaution .ticket-caution-wrapper ul{
        padding-left: 6vw;
width: calc(100% - 6vw);
    }#ticketCaution .ticket-caution-wrapper ul li{
        font-size: 4vw;
        margin-bottom: 8px;
    }#ticketCaution .ticket-caution-wrapper a.ticket-info-mail{
        font-size: 4.8vw;
        margin-bottom: 2.6vw;
        padding-left: 0;
    }#ticketCaution .ticket-caution-wrapper p{
        font-size: 4vw;
        padding-left: 0;
    }}.modaal-container {
    max-width:500px;
    position: relative;
    border-radius: 14px;
}.modaal-content-container{
    margin: 0 auto;

height: auto;
}.modaal-content-container img{
    width: 100%;
}.modaal-wrapper.modaal-inline .modaal-close{
    position: absolute;
    top: 10px;
    right: 12px;
    display: none;
}.modaal-wrapper.modaal-inline .modaal-close:before, 
.modaal-wrapper.modaal-inline .modaal-close:after {
    background: #fff;
    height: 2px;
    width: 30px;
    top: 24px;
    left: 11px;
}@media screen and (max-width: 1440px ) {.modaal-container {
        max-width:none;
        width: 40.16vw;
    }.modaal-content-container{
    }.modaal-wrapper.modaal-inline .modaal-close:before, 
    .modaal-wrapper.modaal-inline .modaal-close:after {
        height: 2px;
        width: 2.08vw;
        top: 24px;
        left: 11px;
    }}@media screen and (max-width: 767px ) {.modaal-container {
        
        width: auto;
        border-radius: 0;
    }.modaal-content-container{
        margin-top: 0;
        padding: 4.16vw;
    }.modaal-wrapper.modaal-inline .modaal-inner-wrapper{
    padding: 0;
}.modaal-wrapper.modaal-inline .modaal-close:before, 
.modaal-wrapper.modaal-inline .modaal-close:after {
    height: 2px;
    width: 8vw;
}}.modaal-image .modaal-container{
    max-width: 950px;
}.modaal-image .modaal-close {
    transform: translate(-50% , -50%);
    bottom: 1%;
    left: 50%;
    top: auto;
    right: auto;
    border: 1px solid #fff!important;
    position: fixed;
}@media screen and (max-width: 800px) {.modaal-image .modaal-close {
        bottom: 10%;
    }}@media screen and (max-width: 600px) {.modaal-image .modaal-close {
        bottom: 20%;
    }}@media screen and (max-width: 767px) {#danner-camp .header-wrapper ul{
    display: block!important;
width: 100%;
height: 100vh;
background-color: #597765;

top: 0;
transform: translate(0px, 0px);
}#danner-camp .header-wrapper ul li{
padding-left: 7.46vw;
text-align: left;
margin-top: 7vw;
}#danner-camp .header-wrapper ul li:first-of-type{
margin-top: 20vw;
}#danner-camp .header-wrapper ul li a img {
height: 4.53vw;
margin-left: 0;
}#danner-camp .header-wrapper ul li a span {
font-size: 4vw;
color: #fff;
margin-top: 3.2vw;

}#hamburger {
background-color: transparent;  
position: relative;             
cursor: pointer;                
margin: 0 0 0 auto;             
height: 60px;                   
width: 60px;                    
z-index: 4000;
}#danner-camp .header-wrapper .icon span {
position: absolute;       
left: 15px;               
width: 30px;              
height: 2px;              
background-color: #fff;  
border-radius: 4px;       
transition: ease 0.75s;   
}#danner-camp .header-wrapper  .icon span:nth-of-type(1) {
top: 20px;
}#danner-camp .header-wrapper  .icon span:nth-of-type(2) {
bottom: 20px;
}#danner-camp .header-wrapper   .close span:nth-of-type(1) {
transform: rotate(45deg); 
top: 28px;
}#danner-camp .header-wrapper  .close span:nth-of-type(2) {
  transform: rotate(-45deg); 
  top: 28px;
}#danner-camp .header-wrapper ul{
left: -120vw;
transition: 1s all;
}#danner-camp .header-wrapper ul.nav-open{
left: 0!important;
}}.inline-artist .modaal-content-container{
        background-color: #000000;
    }.inline-artist.modaal-wrapper.modaal-inline .modaal-close {
        background-color: transparent;
        border: 1px solid #fff;
        position: fixed;
top: 9vh;
right: calc(50vw - 570px + 12px);
    }.inline-artist.modaal-wrapper.modaal-inline .modaal-close:before, 
    .inline-artist.modaal-wrapper.modaal-inline .modaal-close:after {
        background-color: #fff;
    }@media screen and (max-width: 1440px){.inline-artist.modaal-wrapper.modaal-inline .modaal-close {
        background-color: transparent;
        border: 1px solid #fff;
        position: fixed;
top: 9vh;
right: calc(50vw - 39.58vw + 12px);
    }}@media screen and (max-width: 767px){.inline-artist.modaal-wrapper.modaal-inline .modaal-close {
        position: absolute;
top: 10px;
right: 12px;
    }}#credit{
        margin-top: 150px;
        background-color: #F9F6F4;
        padding: 80px 0;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }#credit .credit-logo img{
        height:80px;
        width: auto;
    }#credit .support-logo img{
        height:60px;
        width: auto;
    }#credit h3{
        width: 319px;
        margin-bottom: 62px;
    }#credit h4 img{
    height: 29px;
    width: auto;
    max-width: 100%;
    margin:50px 0 20px 0;
    }@media screen and (max-width: 768px) {#credit h4 img{
        height:29px;
        }}@media screen and (max-width: 1440px){#credit {
        margin-top: 10.41vw;
        padding: 5.55vw 0;
        }#credit h3{
            width: 22.15vw;
            margin-bottom: 4.30vw;
        }}@media screen and (max-width: 767px){#credit {
        margin-top: calc(25.3vw - 17vw);
        padding: 12.8vw 0;
        }#credit h3{
            width: 68vw;
            margin-bottom: 11.2vw;
        }}.main-back {
                    position: relative;
                    
                    background-size: cover;
                    
                    
                    height: auto;
                    
                }.main-movie,
                .main-movie video{
                    width: 100%;
                    display: block;
                }.main-txt {
                    position: absolute;
                    width: 962px;
                    bottom: 75px;
                    left: 41px;
                }@media screen and (max-width: 1440px) {.main-txt {
                        position: absolute;
                        width: 59vw;
                    }}@media screen and (max-width: 767px) {.main-back {
                        position: relative;
                        
                        background-size: cover;
                        
                        height: auto;
                        
                    }.main-img{
                        width: 100%;
                    }.main-txt {
                        position: absolute;
                        width: 80vw;
                        bottom: 4.5vw;
                        left: 4vw;
                        
                    }}#main-img{
                
                margin: 0 auto;
                width: 100%;
            }#main-img ul{
                display: flex;
            }#main-img ul li{
                width: 25%;
            }@media screen and (max-width: 767px) {#main-img{
                width: 95.7vw;
                margin: 2.1vw auto 0;
            }#main-img ul{
                display: flex;
                flex-wrap: wrap;
                gap:2.1vw;
            }#main-img ul li{
                width: 46.8vw;
            }}#about .about-wrapper .about-txt .about-info .about-info-content .about-info-detail .about-info-tt.about-info-tt {
                                        display: flex;
                                    }#about .about-wrapper .about-txt .about-info .about-info-content .about-info-detail .about-info-tt.about-info-tt span{
                                        display: block;
                                        color: #597765;
                                    }#about .about-wrapper .about-txt .about-info .about-info-content .about-info-detail .about-info-tt.about-info-tt span.tt-time{
                                        margin-right: 0.5em;
                                        width: 2.5em;
                                    }@media screen and (max-width: 767px){#about .about-wrapper .about-txt .about-info .about-info-content .about-info-detail .about-info-tt.about-info-tt {
                                        display: flex;
                                    }}.image-slider-wrapper {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            }.image-slider {
            display: flex;
            overflow-x: auto;
            scroll-behavior: smooth;
            gap:0;
            width: 100%;
            padding: 10px 0;
            scroll-snap-type: x mandatory;
            -ms-overflow-style: none; 
            scrollbar-width: none; 
            }.image-slider::-webkit-scrollbar {
            display: none; 
            }.image-slider img {
            flex-shrink: 0;
            width: 100%;
            height: auto;
            border-radius: 8px;
            scroll-snap-align: start;
            }.slider-arrow {
            background: rgba(89,119,101,0.6);
            color: white;
            font-size: 24px;
            border: none;
            padding: 10px 15px;
            cursor: pointer;
            z-index: 2;
            transition: background 0.2s;
            text-decoration: none;
            border-radius: 50%;
            }.slider-arrow:hover {
            background: rgba(0,0,0,0.8);
            }.slider-arrow.left {
            position: absolute;
            left: -20;
            }.slider-arrow.right {
            position: absolute;
            right: -20;
            }@media screen and (max-width: 767px){.slider-arrow.left {
                position: absolute;
                left: -10;
                }.slider-arrow.right {
                position: absolute;
                right: -10;
                }}.faq-btn-wrapper{
                                    text-align: center;
                                    width:450px;
                                    background-color:#F9F6F4;
                                    border-radius: 14px;
                                    padding: 20px;
                                    
                                }.faq-btn-grid{
                                    display: grid;
                                    grid-template-columns:1fr 1fr;
                                    justify-content: center;
                                    grid-gap:20px;
                                    margin-top: 20px;
                                }.faq-btn-wrapper .dc-btn{
                                    width: 150px;
                                    text-align: center;
                                }@media screen and (max-width: 768px) {.faq-btn-wrapper{
                                    width:100%;
                                    padding:40px 0;
                                    }.faq-btn-grid{
                                    grid-template-columns:1fr;
                                    }}.credit-logo-sub{
                        display: flex;
                        gap: 20px;
                        align-items: center;
                    }.oshirase{
            color:#fff; 
            background-color: #E52823;
            display: inline;
            padding: 10px 50px;
        }@media (max-width:767px) {.oshirase{
            color:#fff; 
            background-color: #E52823;
            display: inline;
            padding: 10px 20px;
        }}.oshirase2{
            color: #E52823;
            text-align: center!important;
            border-top:2px solid #E52823;
            border-bottom:2px solid #E52823;
            padding:20px 0;
            width: 880px;
            margin: 0 auto;
        }@media (max-width:767px) {.oshirase2{
            width: 100%;
        }}

/* Utilities generated from former inline style attributes */
.u-style-9c7663{display: none;}
.u-style-7023da{text-align: center;}
.u-style-351bef{margin-top:5px;}
.u-style-886e32{margin-top:15px;}
.u-style-8f95bd{margin-top:50px;}
.u-style-bef442{margin: 0 auto;}
.u-style-1f7279{margin-top:20px; margin-bottom: 10px;}
.u-style-610167{margin-top: 10px; margin-bottom: 10px;}
.u-style-3da471{width: auto; height:40px!important;}
.u-style-369959{color: #597765;}
.u-style-a12bcd{width: auto;}
.u-style-8ced3a{margin-top: 10px;}
.u-style-012333{border:0;}
.u-style-020165{width: 90px; height: auto;}
.u-style-96ce7e{display: block;}
.u-style-541ffc{justify-content: center;}
.u-style-57e800{margin-bottom: 20px;}
.u-style-9e46da{color:#E52823;}
.u-style-a00849{color: #E52823;}
.u-style-f76250{text-align: center; margin: 20px auto;}
.u-style-273e41{margin-bottom: 10px;}
.u-style-e539ab{margin-bottom:50px;}
.u-style-9ab9be{margin-bottom:15px;}


.modaal-gallery-item.is_active {
  opacity: 1;
  position: relative;
  z-index: 2;
  pointer-events: auto;
}
.modaal-gallery-item-wrap {
  position: relative;
}

.modaal-image .modaal-content {
  overflow: visible;
}

.gallery-movie {
  margin-top: 0px;
}

.gallery-movie video {
  width: 100%;
  display: block;
}

.section-title {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  margin: 0;
}

.section-title__en {
  font-family: 'DINOT', sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 0.7;
  letter-spacing: 0.02em;
  color: #2B2A27;
}

.section-title__ja {
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  color: #2B2A27;
}

.section-title::after {
  content: "";
  display: block;
  width: 40px;
  height: 10px;
  margin-top: 8px;
  background-color: #597765;
  border-radius: 0 100vh 100vh 0;
}

.section-title--center {
  align-items: center;
  text-align: center;
}

.section-title--center::after {
  border-radius: 0 100vh 100vh 0;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .section-title {
    gap: 12px;
  }

  .section-title__en {

  }

  .section-title__ja {

  }

  .section-title::after {

  }
}
.access-rfk-title {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
}
.access-rfk-title__en{
    font-family: 'DINOT', sans-serif;
    font-size:18px;
    font-weight: bold;
}
.access-rfk-title__jp{
    font-size:18px;
}
@media screen and (max-width: 767px) {
.access-rfk-title__en{
    font-size:4.6vw;
}
.access-rfk-title__ja{
    font-size:4.2vw;
}
}

#contact{
    background-color:#F9F6F4;
    padding:40px 0;
    margin-top: 100px;
}
#contact .contact{
    border: 1px solid #183028;
    width: 500px;
    box-sizing: border-box;
    padding: 40px 40px;
    margin: 0 auto;
    text-align: left;
    background-color:#ffffff;
}
#contact .contact a {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 40px;
    text-align: center;
    justify-content: center;
    text-decoration: none;
}

#contact .contact a img {
    display: none;
}

#contact .contact .contact-title {
    font-family: 'DINOT', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #597765;
    flex-shrink: 0;
}

#contact .contact .contact-mail {
    font-family: 'DINOT', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    color: #597765;
    word-break: break-word;
}

#contact .contact a:hover {
    opacity: 0.7;
}

@media screen and (max-width: 767px) {
    #contact {
        padding: 40px 20px;
    }

    #contact .contact {
        width: 100%;
        padding: 20px 20px;
    }

    #contact .contact a {
        flex-direction: column;
        gap: 16px;
        text-align: center;
    }

    #contact .contact .contact-title {
    }

    #contact .contact .contact-mail {
        line-height: 1.4;
    }
}