@charset "utf-8";

body {
  background-color: #030000 !important;
  color: #ffffff;
  font-weight: bold;
}

.contents {
  background-color: #030000 !important;
  text-align: left !important;
  margin-top: 0px !important;
}

a:hover {
	text-decoration:none;
    filter: alpha(opacity=70);
    opacity: 70%;
}

.bg_footer {
	width: 100%;
	background-color: #030000;
	color: #ffffff;
}

.h1_line {
	padding: 5px 3px;
	width: 100%;
	background-color: #030000;
	color: #ffffff
}

.h1_line h1 {
	margin: 0;
	border: none;
	color: #ffffff;
	font-size: 0.85em;
	text-align: center;
}

h2 {
	border-bottom: solid 3px #ffffff;
	color: #ffffff;
}

h3 {
	border-bottom: dashed 2px #ffffff;
	color: #ffffff;
}

.red {
  color: red;
}
.blue {
  color: blue;
}

.event_frame h3 {
	color: #030000;
}

.dates {
  font-size: 90%;
}

#trailer {
  text-align: center;
}

#info {
  text-align: center;
}

#spot {
  margin-top: 100px;
}

#ticket {
  margin-top: 100px;
}

#story {
  text-align: center;
}

.tac{
	text-align: center;
}

.bg_footer {
  text-align: left !important;
}

/* 768px以上用(タブレット・パソコン用)の記述 */
@media screen and (min-width: 768px) {
	.h1_line h1 {
		font-size: 1.05em;
	}
}

.img_border img {
	border: 4px solid #aaa;
}

.event_frame {
	padding: 10px;
	color: #030000;
	background-color: #ffffff;
	border: 3px solid #ffffff;
	border-radius: 10px;/* CSS3草案 */
	-webkit-border-radius: 10px;/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;/* Firefox用 */
	font-weight: normal;
}

.btn_entry_on {
	margin-top: 10px;
	width: 100%;
	display: table;
	background-color: #44688c;
	color: #ffffff;
	font-size: 1.2em;
	text-align: center;
	border-radius: 10px;			/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;		/* Firefox用 */
}

/*
a:hover div.btn_entry_on {
	background-color: #1a3e6f;
	color: #ffffff;
}
*/
.btn_entry_off {
	margin-top: 10px;
	width: 100%;
	display: table;
	background-color: #666;
	color: #fff;
	font-size: 1.2em;
	text-align: center;
	border-radius: 10px;/* CSS3草案 */
	-webkit-border-radius: 10px;/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;/* Firefox用 */
}

/* 768px以上用(タブレット・パソコン用)の記述 */
/*
@media screen and (min-width: 768px) {
	.btn_entry_on,.btn_entry_off {
		width: 80px;
		height: 80px;
		font-size: 1.2em;
	}
}
*/

/* 992px以上用(パソコン用)の記述 */
@media screen and (min-width: 992px) {
	.btn_entry_on,.btn_entry_off {
		width: 128px;
		height: 128px;
		font-size: 1.7em;
	}
}

.btn_entry_on span,.btn_entry_off span {
	display: table-cell;
	vertical-align: middle;
}

.btn_ticket {
	padding-top: 20px; 
	padding-bottom: 20px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 120%;
	background-color: #44688C;
	color: white;
    width: 50%;
}
.btn_ticket:hover {
    color: white;
}

.btn_form {
	padding-top: 20px; 
	padding-bottom: 20px;
	border-radius: 5px;
	background-color: white;
	color: #44688C;
	font-weight: bold;
	font-size: 120%;
    width: 50%;
}

.box_gold {
	border: 2px solid #ffffff;
	padding: 10px;
	border-radius: 10px;/* CSS3草案 */
	-webkit-border-radius: 10px;/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;/* Firefox用 */
}

/* Google Map（従来の地図画像 445×307px と同じ表示比率） */
.map-embed {
  display: block;
  width: 100%;
  max-width: 445px;
  aspect-ratio: 445 / 307;
  margin: 0 auto;
  border: 0;
}

/* 992px以下用の記述 */
@media screen and (max-width: 992px) {
  .btn_ticket,
  .btn_form {
    width: 100%;
  }
}

/* ========================================
   謎カードラリーキャンペーン
======================================== */

.campaign-section {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.campaign-section .element {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.campaign-link {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 0;
}

.campaign-image {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}