@charset "UTF-8";
/* 13th JP */

.list-inline {
  padding-left: 0;
  list-style: none;
}
.entry-share .btn {
display: inline-block;
  width: 40px;
  height: 40px;
  padding: 8px 0;
}
.entry-share a {
  color: rgba(255,255,255,.5);
}
.entry-share a:hover {
  color: rgba(255,255,255,1);
}
.list-inline > li {
  display: inline-block;
}
.btn-twitter,
.btn-twitter:visited,
.btn-twitter:focus,
.btn-twitter:hover,
.btn-twitter:active {
  background: #55ACEE !important;
  border: none;
  text-align: center;
}
.btn-twitter .fa {
  top: 5px;
  left: 1px;
  font-size: 24px;
}
.btn-facebook,
.btn-facebook:visited,
.btn-facebook:focus,
.btn-facebook:hover,
.btn-facebook:active {
  background: #3B5998 !important;
  border: none;
  text-align: center;
}
.btn-facebook .fa {
  top: 5px;
  left: 0px;
  font-size: 24px;
}
#hlTitle {
	/*background: none;*/
	background-position-y: center !important;
	padding-top: 30px;
}
#contentstable h3 {
	font-size: 32px;
	font-size: 2rem;
}

.wrap_bk:before{
	content:"";
	display:block;
	position:fixed;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index:-1;
	width:1000px;
	height:100vh;
	opacity: 0;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
	background: url(../img/common/bg_13th.jpg) left center no-repeat;
	background-size: 100%;
}
.wrap_bk.fade_on:before{
	opacity: 1;
}

.access_note {
  padding-left: 1rem;
  list-style: none;
  margin-top: 0;
}

.access_note li::before {
	position: absolute;
  content: "\f0da";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  left: 20px;
  color: #ddd;
}

.event_buttons_desc {
	color: red;
}

.event_buttons_closed {
	display: inline-block;
  text-align: left;
  margin-bottom: 30px;
  color: red;
  background: rgba(255,255,255,.5);
  padding: 10px 30px;
  width: max-content;
  border-radius: 50px;
}

body{
	color: #552B22;
}

.bg-mask {
height: 100%;
background: rgba(255,255,255,0.4);
padding: 20px;
}
#contentstable {
position: relative;
}
.bn-ticket {
width: 300px;
position: absolute;
bottom: -120px;
right: 100px;
z-index: 10;
text-align: center;
}
.bn-ticket #top-bnr {
  margin: 0 9px 0;
}

@media only screen and (min-width: 500px) and (max-width: 787px) {
	.wrap_bk:before{
		content:"";
		display:block;
		position:fixed;
			transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
		z-index:-1;
		width:100%;
		height:100vh;
		opacity: 0;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-o-transition: all 1s;
		-ms-transition: all 1s;
		transition: all 1s;
		background: url(../img/common/bg_13th.jpg) center center no-repeat;
		background-size: 150%;
	}
	.wrap_bk.fade_on:before{
		opacity: 1;
	}
	#hlTitle {
	padding-top: 30px;
}
.bn-ticket {
  width: 100% !important;
  position: absolute;
  bottom: -120px;
  right: 30px;
  z-index: 10;
  left: 0;
  margin: 0 auto;
}
}

@media screen and (max-device-width: 499px) {
	.container {
margin: 0;
}
	.wrap_bk:before{
		content:"";
		display:block;
		position:fixed;
		z-index:-1;
		width:150%;
		height:100vh;
		opacity: 0;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-o-transition: all 1s;
		-ms-transition: all 1s;
		transition: all 1s;
		background: url(../img/common/bg_13th.jpg) center center no-repeat;
		background-size: 150%;
	}
	.wrap_bk.fade_on:before{
		opacity: 1;
	}
#hlTitle {
	padding-top: 20px;
}
#hlTitle h2 img {
	max-width: 80vw;
}
.bn-ticket {
  width: 100% !important;
  position: absolute;
  bottom: -120px;
  right: 30px;
  z-index: 10;
  left: 0;
  margin: 0 auto;
}
}