@charset "utf-8";
/* CSS Document */


html {
    scroll-behavior: smooth;
	background: #FAFAFA;
}
ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
a {
	text-decoration: none;
}
body {
	width: 100%;
	max-width: 780px;
	margin: 0 auto !important;
	display: block;
	font-family:'Noto Sans KR','Noto Sans JP','Noto Sans SC','Noto Sans TC',-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Noto Sans CJK',sans-serif;
	background: #FFF;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);
}

th {
	display: table-cell;
	vertical-align: inherit;
	font-weight: bold;
	text-align: -internal-center;
	unicode-bidi: isolate;
}

td {
	border: 1px solid gray;
	padding: 8px;
}


::marker {
	unicode-bidi: isolate;
	font-variant-numeric: tabular-nums;
	text-transform: none;
	text-indent: 0px !important;
	text-align: start !important;
	text-align-last: auto !important;
}

.header {
	background: #000;
	color: #ffffff;
	display: flex;
	padding: 8px 16px;
    position: fixed;
    width: 100%;
	max-width: 780px;
	height: 60px;
	z-index: 999;	
}
.header__nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
    width: 100%;
}
.header__inner .header__logo {
}
.header__inner .header__nav select{
	background: #000;
	color: #FFF;
	padding: 4px;
}

main {
	width: 100%;
    padding-top: 60px;
}
h1.hero{
  background: url("../images/main_poster.jpg") no-repeat center;
  background-size: cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

h1.hero:before{
  content: '';
  background: inherit;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
h1.hero img {
    width: 326px;
    margin: 32px auto;
    border-radius: 16px;
}
.contents {
	color: #202429;
	padding: 32px 16px;
}
.contents a {
	color: #202429;
}
.contents section {
	width: 100%;
    margin: 0 auto;
    display: block;
}
section .reservation__inner{
	padding: 24px 16px;
	border: solid 1px #E5E5E5;
	border-radius: 4px;
}
section.reservation .reservation__inner h2.title{
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}
section.reservation .reservation__inner .event__date{
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	color: #AAA;
	margin-top: 8px;
	padding-bottom: 16px;
}
section.reservation .reservation__inner ul.reservation__box {
    border-top: solid 2px #4D4D4D;
}
ul.reservation__box li{
	margin-top: 16px;
}
ul.reservation__box .event__part-title{
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;	
}
ul.reservation__box .button__box{
	margin-top: 16px;
	padding: 16px;
	border: solid 1px #E5E5E5;
	border-radius: 4px;
}
ul.reservation__box .button__box .term{
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	padding: 4px 0;
}
a.button{
	font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.8px;
    padding: 16px;
    display: block;
    text-align: center;
    border-radius: 4px;
	max-width: 320px;
}
ul.reservation__box .button__box a.button{
    color: #FFF;
    background: #009655;
	margin: 8px auto 0;
}
section .sub__inner{
	margin-top: 16px;
	padding: 32px 16px;
	border: solid 1px #E5E5E5;
	border-radius: 4px;
}
section .sub__inner ul.sub__box li.sub__list:not(:last-child){
	margin-bottom: 32px;
}
section .sub__inner ul.sub__box li h3.sub__title{
	background: #009655;
	padding: 16px;
	color: #FFFFFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	margin-bottom: 16px;
}
section .sub__inner ul.sub__box li .sub__text{
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
section .sub__inner ul.sub__box li.detail__list .sub__text ul{
	list-style-type: disc;
	margin-left: 16px;
	list-style-position: outside;
}
section .sub__inner ul.sub__box li.sub__list .sub__text p:not(:first-child){
	margin-top: 36px;
}
section .sub__inner ul.sub__box li.sub__list .sub__text div:not(:last-child){
	margin-bottom: 36px;
}
section .sub__inner ul.sub__box li.map__list .sub__text div span{
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	display: block;
}
footer {
	margin-top: 40px;
    padding: 24px 0 40px;
    text-align: center;
    border-top: solid 1px #E5E5E5;
}
footer .copyright {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	color: #AAA;
}