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

/* ▼個別要素スタイル */
/* ----------------------------------------------------- */

/* ▼index */
/* ▼[レイアウト] TOPページ */
/* ----------------------------------------------------- */
/*------------------
slider 設定
------------------*/
.slider {
	margin: 0 0 2rem;
	padding-bottom: 20px !important;
}

/* prev&nextボタンの配置 */
.slider-arrow {
  padding: 0.2rem 0.6rem !important;
  background-color: rgba(0,0,0,0.2) !important;
  border-radius: 50% !important;
}
.slider-arrow:hover {
	background-color: rgba(0,0,0,0.5) !important;
}

.slider-arrow--right {
  bottom: 53% !important;	/*画面下端からの距離*/
  right: 15px !important; /*画面右端からの距離*/
}

.slider-arrow--left {
  bottom: 53% !important;	/*画面下端からの距離*/
  left: 15px !important;	/*画面左端からの距離*/
}

.slider-nav {
  position: absolute;
	overflow: visible;
  bottom: 0px !important;	/*画面下端からの距離*/
}

.slider-nav__item {
  width: 10px !important;
  height: 10px !important;
  float: left;
  clear: none;
  display: block;
  margin: 0 10px !important;
  background: #cacaca !important;
  border-radius: 50% !important;
}

.slider-nav__item:hover {
  background: #cccc66;
}

.slider-nav__item--current {
  background: #999a9a !important;
}


/*------------------
タブ設定
------------------*/
.tabInfo {
	display: block;
	height: auto;
	height: 100%;
	margin: 0 0 2rem;
}
.tabInfo #ui-tab {
}
.tabInfo #ui-tab ul {
	/* displayプロパティに「flex」を指定 */
	display: -webkit-flex; /* Safari */
	display: flex;
	/* flexアイテムは左から右へ（ltr）水平方向に配置 */
  -webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
	/* flexアイテムは横一行に配置されます。各アイテムの幅はflexコンテナの幅に収まるように縮小されます */
  -webkit-flex-wrap: nowrap; /* Safari */
  flex-wrap:         nowrap;
	/* flexアイテムは最初と最後のアイテムは端に、残りは等間隔で配置 */
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
	width: 100%;
	padding: 20px;
	background: #cacaca;
}
.tabInfo #ui-tab li {
	/* flex-basis」を「23%」に指定 */
  -webkit-flex-basis: 20%; /* Safari */
  flex-basis:         20%;
	/* 「flex-grow」の値を同じに指定すると、全てのflexアイテムは同じサイズに */
	-webkit-flex-grow: 1; /* Safari */
	flex-grow:         1;
	margin: 0 0 0 2%;
	padding-left: 0px !important;
}
.tabInfo #ui-tab li:first-child {
	margin: 0 !important;
}
.tabInfo #ui-tab li a {
	display: block;
	width: auto;
	padding: 0.5rem 0rem 0.5rem 1rem;
	top: -1px;
  background: #979797;
	color: #fff;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}
.tabInfo #ui-tab li.DdoglegM:before {
	left: 0.3rem !important;
}
.tabInfo #ui-tab li.DdoglegM:after {
	left: 0.6rem !important;
}
.tabInfo #ui-tab li a span {
	margin-left: 0.2rem;
	font-size: 70%;
	font-weight: normal;
}
.tabInfo #ui-tab div {
	width: 100%;
  margin: 0;
  top: 0;
  padding: 1.5rem 20px 3rem 20px;
	background: #ececec;
}

/*------------------
バナーエリア設定
------------------*/
.bannerAreaHome {
	position: relative;
	width: 100%;
	z-index: 100;
}
.bannerAreaHome a {
	display: block;
	width: 100%;
	margin: 0 0 1.5rem;
}


/*------------------
ニュース／スケジュール 設定
------------------*/
#newsAreaHome, #scheduleAreaHome {
	width: 100%;
	margin: 0 0 2rem;
}
#newsAreaHome a, #scheduleAreaHome a {
	color: #e6007f;
	text-decoration: underline;
}

#newsAreaHome dl, #scheduleAreaHome dl {
	overflow: scroll;
	width: 100%;
	height: 13.5rem;
	padding: 1.5rem;
	border: 1px solid #b1b1b1;
}
#newsAreaHome dl dt, #scheduleAreaHome dl dt {
	font-weight: bold;
	color: #e6007f;
}
#newsAreaHome dl dd, #scheduleAreaHome dl dd {
	margin: 0 0 0.5rem;
	padding: 0 0 0.5rem;
	border-bottom: 1px dotted #b1b1b1;
}
#newsAreaHome dl dd p, #scheduleAreaHome dl dd p {
	margin: 0 !important;
}

/*------------------
お客様へのお願い 設定
------------------*/
#ruleAreaHome {
	width: 100%;
	margin: 0 0 2rem;
	padding: 1.5rem;
	border: 1px solid #e6007f;
  border-radius: 10px;
}
#ruleAreaHome h4 {
	width: 65%;
	margin: 0 auto 0.5rem;
	font-size: 180%;
}
#ruleAreaHome p {
	width: 100%;
	text-align: center;
}
#ruleAreaHome p a {
	color: #e6007f;
	text-decoration: underline;
}

#ruleAreaHome dl {
	width: 100%;
	margin: 1.5rem 0 1rem;
}
#ruleAreaHome dl dt {
	float: left;
	clear: left;
	width: 100px;
	margin: 0;
	padding: 1rem 0 0 0;
	border-top: 1px solid #c9caca;
}
#ruleAreaHome dl dt svg {
	width: 85px;
	height: 50px;
}
#ruleAreaHome dl dd {
	margin-left: 100px;
	padding: 1rem 0 1rem 0.5rem;
	border-top: 1px solid #c9caca;
}
#ruleAreaHome dl dd span {
	color: #e6007f;
	font-weight: bold;
}

/*------------------
お客様への諸注意 設定
------------------*/
#attentionAreaHome {
	width: 100%;
	margin: 0 0 2rem;
	padding: 1.5rem;
	background: #faf9f2;
  border-radius: 10px;
}

#attentionAreaHome dl {
	width: 100%;
}
#attentionAreaHome dl dt {
	float: left;
	clear: left;
	width: 240px;
	margin: 0;
	padding: 0;
}
#attentionAreaHome dl dd {
	margin-top: 1.5rem;
}
#attentionAreaHome dl dd:nth-of-type(1) {
	margin-top: 0;
}
#attentionAreaHome dl dd h4 {
	color: #e6007f;
	font-size: 135%;
}


/* ▼eventinfo */
/* ▼[レイアウト] イベント親ページ */
/* ----------------------------------------------------- */
/*------------------
各イベントタイトルバナー
------------------*/
.eventBnrArea {
	width: 100%;
	margin: 0 0 2rem;
	padding: 1.5rem 20px 1rem 20px;
	background: #ececec;
}


/*------------------
他イベント参加ルールエリア
------------------*/
.scr_other {
width: 100%;
height: 300px;
margin-bottom: 1.5em;
margin: 0 auto;
background-color: #ffffff;
border: 1px #c0c0c0 solid;
color: #000000;
overflow: auto;
}


/* ▼eventinfo */
/* ▼[レイアウト] 各イベントページ */
/* ----------------------------------------------------- */
/*------------------
各イベントタイトルバナー
------------------*/
#eventTitleArea {
	width: 100%;
	margin: 0 0 0.5rem;
}
/*------------------
その他コンテンツ設定
------------------*/
#eventInfoArea,
#eventLocatArea, #eventOnlyAcostaArea,
#stacaOnlyArea, #eventAccessArea {
	width: 100%;
	margin: 0 0 2rem;
}

/*==================

*eventNav
*[ナビゲーション]イベントページナビゲーション
*アンカーリンク設定

==================*/
#eventNav {
	/* displayプロパティに「flex」を指定 */
	display: -webkit-flex; /* Safari */
	display: flex;
	/* flexアイテムは左から右へ（ltr）水平方向に配置 */
  -webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
	/* flexアイテムは横複数行に配置されます。必要があれば、左から右へ、上から下へ、の順番に配置 */
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
	/* flexアイテムは最初と最後のアイテムは端に、残りは等間隔で配置 */
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
	/* flexアイテムの行はflexコンテナの始点から終点に等間隔で表示 */
  -webkit-align-content: space-between; /* Safari */
  align-content:         space-between;
	width: 100%;
	margin: 0 0 1.5rem;
}
#eventNav div {
	/* flex-basis」を「32%」に指定 */
  -webkit-flex-basis: 32%; /* Safari */
  flex-basis:         32%;
	margin: 0 0 0.5rem;
	border: 1px solid #ff7baa;
  border-radius: 10px;

	/* ピンクの斜線 */
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	background-size: 10px 10px;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,
							color-stop(.25, #fae1ed), color-stop(.25, transparent),
							color-stop(.5, transparent), color-stop(.5, #fae1ed),
							color-stop(.75, #fae1ed), color-stop(.75, transparent),
							to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #fae1ed 25%, transparent 25%,
						transparent 50%, #fae1ed 50%, #fae1ed 75%,
						transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #fae1ed 25%, transparent 25%,
						transparent 50%, #fae1ed 50%, #fae1ed 75%,
						transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #fae1ed 25%, transparent 25%,
						transparent 50%, #fae1ed 50%, #fae1ed 75%,
						transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #fae1ed 25%, transparent 25%,
						transparent 50%, #fae1ed 50%, #fae1ed 75%,
						transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #fae1ed 25%, transparent 25%,
						transparent 50%, #fae1ed 50%, #fae1ed 75%,
						transparent 75%, transparent);
}
#eventNav div:hover {
	transition: 0.8s; /* 変化が終わるまでの秒数　*/
	/* Hover時にリンク用画像を透過（70%） */
	opacity: 0.7 ;
	filter: alpha(opacity=70) ;	/* Ie用 */
}
#eventNav div a {
	display: block;
	padding: 0.5rem;
	color: #000;
}
#eventNav div a span {
	display: block;
	text-align: center;
	font-size: 350%;
}
#eventNav div a span.navJa {
	font-size: 130%;
	font-weight: bold;
}
#eventNav div a span.navEn {
	font-size: 100%;
}

/*==================

*eventInfoArea
*[レイアウト]イベント 詳細紹介
*dl設定

==================*/
#eventInfoArea table {
	width: 100%;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0px 15px;
}
#eventInfoArea table th,
#eventInfoArea table td {
	padding: 10px;
}
#eventInfoArea table th {
	background: #e6007f;
	vertical-align: middle;
	text-align: center;
	width: 100px;
	overflow: visible;
	position: relative;
	color: #fff;
	font-weight: normal;
}
#eventInfoArea table th:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(230, 0, 127, 0);
	border-left-color: #e6007f;
	border-width: 10px;
	margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
	#eventInfoArea table th:after {
		float: right;
		padding: 0;
		left: 30px;
		top: 10px;
		content: " ";
		height: 0;
		width: 0;
		position: relative;
		pointer-events: none;
		border: 10px solid transparent;
		border-left: #e6007f 10px solid;
		margin-top: -10px;
	}
}
#eventInfoArea table td {
	background: #f0f0f0;
	width: 360px;
	padding-left: 20px;
}
#eventInfoArea table td a {
	color: #e6007f;
}
#eventInfoArea table td img {
	margin: 0.5rem 0;
}


/*==================

*eventLocatArea
*[レイアウト]イベント ロケーション紹介
*紹介画像カルーセル設定

==================*/
.eventLocatImg {
	margin: 0 0 1rem !important;
}
.eventLocatImg .slick-list .slick-track .slick-slide {
	height: 30rem !important;
	text-align: center;
}
.eventLocatImg .slick-list .slick-track .slick-slide img {
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.eventLocatImgNav .slick-list .slick-track .slick-slide {
	position: relative;
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin: 0 0.5rem;
}
.eventLocatImgNav div .slick-slide img {
	position: absolute;
	width: 300px !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.eventLocatImgNav .slick-arrow {
	background-color: #f0f0f0 !important;
}
.eventLocatImgNav .slick-prev,
.eventLocatImgNav .slick-next {
	width: 1.2rem;
	height: 100%;
	top: 0.6rem;
}
.eventLocatImgNav .slick-prev {
	left: 0;
}
.eventLocatImgNav .slick-next {
	right: 0;
}


/*==================

*eventOnlyAcostaArea
*[レイアウト]イベント acosta!だけのサービス紹介

==================*/
#eventOnlyAcostaArea > div {
	/* displayプロパティに「flex」を指定 */
	display: -webkit-flex; /* Safari */
	display: flex;
	/* flexアイテムは左から右へ（ltr）水平方向に配置 */
  -webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
	/* flexアイテムは横複数行に配置されます。必要があれば、左から右へ、上から下へ、の順番に配置 */
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
	/* flexアイテムの行はflexコンテナの始点から終点に等間隔で表示 */
  -webkit-align-content: space-between; /* Safari */
  align-content:         space-between;
	width: 100%;
	margin: 0 0 1.5rem;
}
#eventOnlyAcostaArea > div dl {
	/* 「flex-basis」を「32%」に指定 */
  -webkit-flex-basis: 32%; /* Safari */
  flex-basis:         32%;
	margin: 0 0 0.5rem 2%;
}
#eventOnlyAcostaArea > div dl:nth-of-type(3n+1) {
	margin: 0 0 0.5rem 0;
}
#eventOnlyAcostaArea > div dl dt {
}
#eventOnlyAcostaArea > div dl dd {
}
#eventOnlyAcostaArea > div dl dd h4 {
	color: #e6007f;
}

#cooperationStoreArea {
	width: 100%;
	margin: 0 0 1.5rem;
}
#cooperationStoreArea p {
	text-align: justify;
}
#cooperationStoreArea a {
	color: #e6007f;
}


/*==================

*eventAccessArea
*[レイアウト]イベント 会場アクセス

==================*/
.google-maps {
	position: relative;
	margin: 0 0 1.5rem;
	padding-bottom: 75%; /*これが縦横比*/
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

#eventAccessArea dl {
	width: 100%;
	background: #f0f0f0;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
#eventAccessArea dl dt {
	float: left;
	clear: left;
	width: 10rem;
	padding: 0.5rem 1rem;
	border-top: 1px solid #000;
}
#eventAccessArea dl dd {
	margin-left: 10rem;
	padding: 0.5rem 1rem;
	background: #fff;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}


/* ▼report */
/* ▼[レイアウト] イベントレポート親ページ */
/* ----------------------------------------------------- */
#reportArea {
	width: 100%;
	margin: 0 0 2rem;
}

#reportArea .bannerAreaUnder .btnBeforerepo {
	margin: 2rem 0 1em !important;
}


/* ▼report */
/* ▼[レイアウト] イベントレポート各ページ */
/* ----------------------------------------------------- */
/*------------------
イベントレポートタイトルバナー
------------------*/
#reportTitleArea {
	width: 100%;
	margin: 0 0 1rem;
}

/*------------------
イベントレポートギャラリーエリア（ギャラリー用）
------------------*/
div[id^="gallery-"] {
	/* displayプロパティに「flex」を指定 */
	display: -webkit-flex; /* Safari */
	display: flex;
	/* flexアイテムは左から右へ（ltr）水平方向に配置 */
  -webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
	/* flexアイテムは横複数行に配置されます。必要があれば、左から右へ、上から下へ、の順番に配置 */
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
	/* flexアイテムは最初と最後のアイテムは端に、残りは等間隔で配置 */
  -webkit-justify-content: flex-start; /* Safari */
  justify-content:         flex-start;
	/* flexアイテムの行はflexコンテナの始点から終点に等間隔で表示 */
  -webkit-align-content: space-between; /* Safari */
  align-content:         space-between;
	width: 100%;
	margin: 0 0 2rem;
}
div[id^="gallery-"] dl {
	position: relative;
	/* 「flex-basis」を「24%」に指定 */
  -webkit-flex-basis: 24%; /* Safari */
  flex-basis:         24%;
	height: 6.5rem;
	overflow: hidden;
	margin: 0 0 0.5rem 1.33333%;
}
div[id^="gallery-"] dl:nth-of-type(4n+1) {	/* 1,5,9,13...番目の要素に適用 */
	margin: 0 0 0.5rem 0;
}
div[id^="gallery-"] dl img {
	width: 100%;
	border: none !important;
}

/*------------------
イベントレポートギャラリーエリア
------------------*/
#repoGalleryArea {
	/* displayプロパティに「flex」を指定 */
	display: -webkit-flex; /* Safari */
	display: flex;
	/* flexアイテムは左から右へ（ltr）水平方向に配置 */
  -webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
	/* flexアイテムは横複数行に配置されます。必要があれば、左から右へ、上から下へ、の順番に配置 */
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
	/* flexアイテムは最初と最後のアイテムは端に、残りは等間隔で配置 */
  -webkit-justify-content: flex-start; /* Safari */
  justify-content:         flex-start;
	/* flexアイテムの行はflexコンテナの始点から終点に等間隔で表示 */
  -webkit-align-content: space-between; /* Safari */
  align-content:         space-between;
	width: 100%;
	margin: 0 0 2rem;
}
#repoGalleryArea > div {
	position: relative;
	/* 「flex-basis」を「24%」に指定 */
  -webkit-flex-basis: 24%; /* Safari */
  flex-basis:         24%;
	height: 6.5rem;
	overflow: hidden;
	margin: 0 0 0.5rem 1.33333%;
}
#repoGalleryArea > div:nth-of-type(4n+1) {	/* 1,5,9,13...番目の要素に適用 */
	margin: 0 0 0.5rem 0;
}

/* ギャラリーサムネイルを表示（top:0） */
#repoGalleryArea > div img.top00 {
	position:absolute;
	top: 0;
}
/* ギャラリーサムネイルを表示（top:-10%） */
#repoGalleryArea > div img.top10 {
	position:absolute;
	top: -10%;
}
/* ギャラリーサムネイルを表示（top:-20%） */
#repoGalleryArea > div img.top20 {
	position:absolute;
	top: -20%;
}
/* ギャラリーサムネイルを表示（top:-30%） */
#repoGalleryArea > div img.top30 {
	position:absolute;
	top: -30%;
}

/* ギャラリーサムネイルを表示（center） */
#repoGalleryArea > div img.center {
	position:absolute;
	display: block;
	top: -50%;
	bottom: -50%;
	margin: auto 0;
}

/* ギャラリーサムネイルを表示（bottom:0） */
#repoGalleryArea > div img.bottom {
	position:absolute;
	bottom: 0%;
}

/* ギャラリーサムネイルを表示（bottom:-60%） */
#repoGalleryArea > div img.bottom60 {
	position:absolute;
	bottom: -60%;
}


/* fancyboxタイトルエリア調整 */
#fancybox-title {
	margin: 0px !important;
	padding-left: 5px !important;
}

/*------------------
チケット案内タイトルバナー
------------------*/
#impressionsArea {
	width: 100%;
	margin: 0 0 2rem;
}
#impressionsArea h3 {
	margin: 0 0 1rem;
	border: none;
	text-align: center;
	color: #e6007f;
}
#impressionsArea p {
	text-align: center;
}


/* ▼ticket */
/* ▼[レイアウト] チケット案内ページ */
/* ----------------------------------------------------- */
/*------------------
チケット案内タイトルバナー
------------------*/
#ticketTitleArea {
	width: 100%;
	margin: 0 0 0.5rem;
}

#admissionArea, #gainStacaArea, #yetStacaArea {
	width: 100%;
	margin: 0 0 2em;
}
#gainStacaArea h3, #yetStacaArea h3 {
	width: 100%;
	padding: 0.5rem 0;
	text-align: center;
	border: none;
	background: #e6007f;
	color: #fff;
}
#yetStacaArea h3 span {
	font-size: 100%;
	font-weight: bold;
}


/*==================

*admissionArea
*[レイアウト]チケット案内
*入場の流れ

==================*/
/*------------------
入場の流れ内h4設定（前売りチケット／当日チケット）
------------------*/
#admissionArea h4 {
	width: 100%;
	margin: 0 0 1rem;
}
#admissionArea div h4 svg.admissionTicket {
	position: relative;
	width: 12.5rem;
	height: 2.5rem;
}
#admissionArea div h4 svg.admissionTicket use {
	margin-left: 0;
}
#admissionArea div h4 svg.admissionTicket text.btn-text {
	position: absolute;
	left: 0.5rem;
	top: 0;
	bottom: 0;
	margin: auto 0;
	font-size: 150%;
	font-weight: bold;
	color: #fff;
	fill: #fff;
}
#admissionArea h5 {
	position: relative;
	margin: 0;
	padding-left: 1.5rem;
	font-size: 120%;
}
#admissionArea h5:before {
	position: absolute;
	left: 0rem;
	top: -0.2rem;
	font-size: 200%;
	content: "●";
}

#admissionArea > div {
	margin: 0 0 2rem;
}
#admissionArea div > div {
	margin: 0 0 1.5rem;
}
#admissionArea div > div p {
	margin: 0 0 0.5rem !important;
	padding-left: 1.5rem;
	font-size: 120%;
	font-weight: bold;
}
#admissionArea div > div p .smallAttention {
	font-size: 80%;
	font-weight: normal;
}

/*------------------
お願い
------------------*/
#admissionArea #pleaseArea {
	padding: 1rem;
	border: 1px solid #000;
}
#admissionArea #pleaseArea svg {
	float: left;
	clear: left;
	width: 100px;
	height: 100px;
}
#admissionArea #pleaseArea div {
	margin: 0 0 0 100px;
}
#admissionArea #pleaseArea div h5 {
	color: #e6007f;
}
#admissionArea #pleaseArea div h5:before {
	content: "";
}
#admissionArea #pleaseArea div p {
	margin: 0 !important;
	font-size: 100%;
	font-weight: normal;
}


/*==================

*gainStacaArea
*[レイアウト]チケット案内
*持ってるとおトク！stacaカード

==================*/
#gainStacaArea h4 {
	width: 100%;
	margin: 0 0 1rem;
	text-align: center;
	font-size: 150%;
}

#gainStacaArea > div {
	width: 100%;
	margin: 0 0 1rem;
}
#gainStacaArea div > img {
	float: right;
	width: 55%;
}
#gainStacaArea div > p {
	float: right;
	width: 55%;
	margin: 0;
	text-align: right;
}
#gainStacaArea div > div {
	float: left;
	width: 40%;
}
#gainStacaArea div > div > p {
	float: none;
	width: 100%;
	margin: 0 0 0.5rem;
	text-align: left;
}
#gainStacaArea div > div > ul {
}
#gainStacaArea div > div > ul li {
	list-style: inside disc !important;
}
#gainStacaArea div > div > ul li:first-child {
	list-style: none !important;
}

/*------------------
point
------------------*/
#gainStacaArea p.pointStaca {
	margin: 0;
	text-align: center;
	font-size: 180%;
	font-weight: bold;
	color: #e6007f;
}
#gainStacaArea p.pointStaca span {
	position: relative;
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	margin-bottom: -0.5rem;
	margin-right: 0.5rem;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #e6007f;
	content: "";
}
#gainStacaArea p.pointStaca span:after {
	position: absolute;
	left: 0 !important;
	right: 0;
	margin: auto;
	font-size: 50%;
	font-weight: normal;
	color: #fff;
	content: "Point";
}


/*==================

*yetStacaArea
*[レイアウト]チケット案内
*まだカードを持っていない…というお客様も！

==================*/
#yetStacaArea > img {
	display: block;
	width: 80%;
	margin: 0 auto;
}
#yetStacaArea h4 {
	margin: 0 0 1.5rem;
	line-height: 1rem;
	text-align: center;
	font-size: 180%;
	font-weight: normal;
}
#yetStacaArea h4 span {
	position: relative;
}
#yetStacaArea h4 .small {
	position: absolute;
	left: 0;
	bottom: -1rem;
	font-size: 50%;
}

#yetStacaArea ul {
}
#yetStacaArea ul li {
	text-indent: -0.8rem;
	padding-left: 0.8rem;
	list-style: inside disc;
}
#yetStacaArea ul li:first-child {
	list-style: none;
}


/* ▼staca */
/* ▼[レイアウト] チケット案内 > stacaとはページ */
/* ----------------------------------------------------- */
/*------------------
stacaカード説明エリア
------------------*/
#descriptionArea {
	width: 100%;
	margin: 1rem 0 2rem;
	padding: 1rem;
	border: 1px solid #000;
}
#descriptionArea h3 {
	margin: 0 0 0.5rem;
	padding: 0;
	border: none;
	font-size: 120%;
	color: #e6007f;
}
#descriptionArea p {
	margin: 0;
}



/* ▼rules */
/* ▼[レイアウト] 参加ルール親ページ */
/* ----------------------------------------------------- */
#rulesLocationArea {
	width: 100%;
	margin: 0 0 2rem;
}
#rulesLocationArea div {
	margin: 0 0 1rem;
}


/* ▼rules-ikb/rules-atc */
/* ▼[レイアウト] 各参加ルールページ */
/* ----------------------------------------------------- */
#rulesArea {
	width: 100%;
	margin: 0 0 2rem;
}


/*==================

*accordion
*[レイアウト]イベント 参加ルール
*ルール用アコーディオンメニュー

==================*/
dl.accordion {
	width: 100%;
	margin: 0 auto 1.5rem;
	padding: 0;
}
dl.accordion dt {
	position: relative;
	background: #ececec;
	margin-top: 0.5rem;
	padding: 0.5rem 0.5rem 0.5rem 3rem;
	color: #000;
	font-size: 120%;
	font-weight: bold;
	cursor: pointer;
}
dl.accordion dt span {
	position: absolute;
	left: 15px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
dl.accordion dt.open {
}
/* 矢印の向きを変更する */
dl.accordion dt.open .Cdogleg:after{
	bottom: -4px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
dl.accordion dd {
	background: #FFF;
	padding: 0.5rem;
	line-height: 1.5;
	display: none;
}

dl.accordion dd ul li {
	text-indent: -1rem;
	padding-left: 1rem;
	list-style-type: disc;
}

dl.accordion dd ol li {
	text-indent: -1rem;
	padding-left: 1rem;
	list-style-type: decimal;
}