@charset "UTF-8";

/* =================================
	お知らせアーカディオン
	.notice_accordion
================================= */
.notice_area {
	position: relative;
	background: #000000;
	margin-bottom: -6px;
	padding: 10px 13px 36px;
	z-index: 1;
}
.notice_accordion {
	max-width: 960px;
	width: 100%;
	word-break: break-all;
}
.notice_accordion dl {
	border: 3px solid #666666;
	background: #ffffff;
	margin: 20px auto 0;
	padding: 8px 10px;
}
.notice_accordion dt {
	color: #333333;
	font-weight: bold;
}
.notice_accordion dt span {
	padding-bottom: 3px;
	display: block;
}
.notice_accordion dd {
	color: #666666;
}
.notice_accordion dd.link {
	text-align: right;
}
.notice_accordion dd.link a {
	padding-left: 15px;
	background: url(/common/images/contents_notice_blt_01.gif) 0 0.1em no-repeat;
}
.notice_accordion.accordion dt {
	position: relative;
	cursor: pointer;
	padding: 0 20px 0 0;
}
.notice_accordion.accordion dt:hover {
	opacity: 0.7;
}
.notice_accordion.accordion dd {
	display: none;
}
.notice_accordion.accordion dt.is-open + dd {
	display: block;
}
.notice_accordion.accordion dt::after {
	content: "";
	display: block;
	height: 20px;
	padding-left: 20px;
	background: url(/watatheatre/images/icon_accordion_square.png) left top no-repeat;
	background-size: cover;
	position: absolute;
	top: 50%;
	right: 0;
  margin-top: -10px;
}
.notice_accordion.accordion dt.is-open::after {
	background-position: 0 -20px;
}

@media screen and (max-width: 640px) {
	.notice_area {
		margin-bottom: -5px;
		padding: 20px 20px 32px;
	}
	.notice_accordion {
		width: 100%;
		margin: 0 auto;
	}
	.notice_accordion dl {
		margin: 10px auto 0;
	}
}