@charset "utf-8";

/*+-+-+-+-+-+-+-+-     top     -+-+-+-+-+-+-+-+*/
#top {
	position: relative;
	width: 100%;
	text-align: center;
}
#top img {
	width: 100%;
}
.topics {
	padding-top: 100px;
	text-align: center;
	max-width: 900px;
	width: 90%;
	margin: auto;
}
.topics a {
	margin: 25px;
	display: inline-block;
}
.topics .txt {
	border: 1px #ffa82e solid;
	font-size: clamp(0.875rem, 0.739rem + 0.68vw, 1.25rem);
	color: #ffa82e;
	display: block;
	
	padding: 10px;
}
.topics .bottom {
	margin-bottom: 60px;
}
.topics .txt:hover {
	text-decoration: none;
}
/*          TB          */
@media (max-width:834px) {
	.topics {
		padding: 10px 0 15px;
	}
	.topics .txt {
		text-align: left;
		padding-left: 2em;
		text-indent: -1em;
	}
	.topics .bottom {
		margin-bottom: 30px;
	}
	.topics a {
		margin: 0 auto;
		margin-bottom: 30px;
		display: block;
		width: 93%;
	}
	
	/*          SP          */
	@media (max-width:768px) {
	}
}
/*          PC          */
@media (min-width:835px) {
}

/*          PC          */
@media (min-width:835px) {
	#top {
		padding-top: 80px;
	}
		
}

/*+-+-+-+-+-+-+-+-     top     -+-+-+-+-+-+-+-+*/

/*+-+-+-+-+-+-+-+-     共通     -+-+-+-+-+-+-+-+*/
#about.contents {
	margin-top: min(360px, 20%);
}
.contents {
	margin-top: 380px;
}
.contents .contents-bg {
	background: url(/2023/img/top/contents-bg-pt.webp)center,linear-gradient(90deg,#687eed 0%,#e060d8 50%,#ffcc70 100%);
	background-size: 90px,100%;
}
.contents .contentsbox {
	width: 95%;
	max-width: 1600px;
	margin: auto;
	position: relative;
	top: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.main-title {
	
}
.sub-title {
	margin-top: 20px;
	letter-spacing: 4px;
}
.sub-title span {
	padding: 2px 10px 2px 18px;
	letter-spacing: 0.5em;
	font-weight: bold;
	font-size: 14px;
	background: #fff;
}
.contentsimg {
	position: absolute;
	z-index: -1;
	top: -40%;
}
.contentsbox .linkbox {
	margin: 90px 0 160px;
	text-align: center;
}

.linktitle {
	font-size: clamp(0.875rem, 0.625rem + 1.25vw, 1.563rem);
	margin-bottom: 30px;
}
.linktxt a {
	display: block;
	font-size: clamp(0.875rem, 0.648rem + 1.14vw, 1.5rem);
	max-width: 290px;
	margin: auto;
	border-radius: 60px;
	color: #FFF;
	text-decoration: none;
	padding: 15px;
	font-weight: bold;
	letter-spacing: 0.13em;
	background: linear-gradient(-90deg,#80d2ff 0%,#cfafed 25%,#ff8ccf 50%,#ffa18f 75%,#ffbb54 100%);
}
/*          PC          */
@media (max-width:1150px) {
	.contentsbox .linkbox {
		margin: min(90px, 8%) 0 min(160px, 15%);
	}
		
}
/*          TB          */
@media (max-width:834px) {
	#about.contents {
		margin-top: min(380px, 35%);
	}
	.contents {
		margin-top: min(50%, 300px);
	}
	.contents .contents-bg {
		background-size: 60px,100%;
	}
	#about .contentsbox, #tickets .contentsbox {
		margin: 0 auto 0 0;
	}
	#artists .contentsbox, #goods .contentsbox {
		margin: 0 0 0 auto;
	}
	.contents .contentsbox {
		
	}
	.titlebox,.linkbox {
		width: 95%;
		display: block;
	}
	#about .titlebox, #tickets .titlebox {
		margin: 0 0 min(125px, 23%) auto;
	}
	#artists .titlebox, #goods .titlebox {
		margin: 0 auto min(125px, 23%) 0;
	}
	#about .linkbox, #tickets .linkbox {
		margin: 0 0 8% auto;
	}
	#artists .linkbox, #goods .linkbox {
		margin: 0 auto 8% 0;
	}
	#artists .contentsbox, #goods .contentsbox {
		flex-direction: column-reverse;
		display: flex;
	}
	.titlebox {
		margin: auto;
		width: 95%;
		transform: translateY(-35%);
		padding: 0 10px;
		display: block;
		align-items: center;
	}
	.contentsimg {
		position: absolute;
		top: 50%;
		left: 50%;
		bottom: unset;
		transform: translate(-50%, -50%);
		padding: 0 40px;
		width: 100%;
		max-width: 450px;
	}
	.main-title {
		width: 80%;
    margin: 0 auto 0 0;
	}
	.sub-title {
		width: 80%;
    margin: 0 auto 0 0;
	}
	.sub-title span {
		padding: 2px 8px 2px 8px;
		font-size: 8px;
	}
	.linktitle {
		margin-bottom: 15px;
	}
	.linkbox .linktxt a {
		width: 45%;
		padding: 10px 15px;
	}
	/*          SP          */
	@media (max-width:768px) {
	}
}
/*          PC          */
@media (min-width:835px) {
	.contents .contentsbox .titlebox,.contents .contentsbox .linkbox {
		width: 45%;
		max-width: 600px;
		position: relative;
		z-index: 1;
	}
	.right .inline {
		position: relative;
		left: 50px;
	}
	.left .contentsimg {
		right: 0;
	}
	.right .contentsimg {
		left: 0;
	}
	
}

/*+-+-+-+-+-+-+-+-     共通     -+-+-+-+-+-+-+-+*/

/*+-+-+-+-+-+-+-+-     about     -+-+-+-+-+-+-+-+*/
#about .contentsbox {
	background: url(/2023/img/top/contentsbox-pt.webp)center,#fff9ed;
	background-size: 13px,100%;
}


/*+-+-+-+-+-+-+-+-     about     -+-+-+-+-+-+-+-+*/

/*+-+-+-+-+-+-+-+-     artists     -+-+-+-+-+-+-+-+*/
#artists .contentsbox {
	background: url(/2023/img/top/contentsbox-pt.webp)center,#fff5fa;
	background-size: 13px,100%;
}

/*+-+-+-+-+-+-+-+-     artists     -+-+-+-+-+-+-+-+*/

/*+-+-+-+-+-+-+-+-     tickets     -+-+-+-+-+-+-+-+*/
#tickets .contentsbox {
	background: url(/2023/img/top/contentsbox-pt.webp)center,#f2faff;
	background-size: 13px,100%;
}


/*+-+-+-+-+-+-+-+-     tickets     -+-+-+-+-+-+-+-+*/

/*+-+-+-+-+-+-+-+-     goods     -+-+-+-+-+-+-+-+*/
#goods .contentsbox {
	background: url(/2023/img/top/contentsbox-pt.webp)center,#fff9ed;
	background-size: 13px,100%;
}


/*+-+-+-+-+-+-+-+-     goods     -+-+-+-+-+-+-+-+*/


/*+-+-+-+-+-+-+-+-     movie     -+-+-+-+-+-+-+-+*/
#movie {
	margin-top: 380px;
	position: relative;
}
#movie .main-title {
	max-width: 600px;
	width: 74%;
	margin: auto;
}
#movie .sub-title {
	margin: 20px auto 0;
}
#movie .contentsbox {
	max-width: 1200px;
	background: url(/2023/img/top/contentsbox-pt.webp)center,#fff5fa;
	background-size: 13px,100%;
	text-align: center;
	position: relative;
	margin: auto;
}
#movie .contentsbox .moviebox {
	padding: 150px 0 80px;
	position: relative;
	z-index: 1;
}
#movie .contents-bg {
	width: 100%;
	position: absolute;
	height: 100%;
	top: 0;
	display: flex;
	flex-wrap: wrap;
	pointer-events: none;
}
#movie .contents-bg .bg-left {
	width: 60%;
	height: 100%;
}
#movie .contents-bg .bg-right {
	width: 40%;
	height: 100%;
	top: 0;
	background: url(/2023/img/top/contents-bg-pt.webp)center,linear-gradient(180deg,#687eed 0%,#e060d8 50%,#ffcc70 100%);
	background-size: 90px,100%;
}
.movie-title {
	font-size: clamp(0.938rem, 0.71rem + 1.14vw, 1.563rem);
	margin-top: 40px;
}
/*          1400          */
@media (max-width:1400px) {
	#movie .main-title {
		width: 50%;
	}
}

/*          TB          */
@media (max-width:834px) {
	#movie {
		margin-top: 45%;
	}
	#movie .main-title {
		width: 72%;
	}
	.movie-title {
		margin-top: 20px;
	}
	#movie .sub-title {
		margin: auto ;
	}
	#movie .contentsbox .titlebox {
		position: absolute;
		z-index: 2;
		width: 100%;
		transform: translateY(-35%);
		right: 0;
    left: 0;
	}
	#movie .contentsbox .moviebox {
		padding: clamp(73px, 12%, 100px) 0 40px;
		width: 85%;
		max-width: 500px;
		margin: auto;
	}
	#movie .contents-bg .bg-left {
		width: 75%;
	}
	#movie .contents-bg .bg-right {
		width: 25%;
		background-size: 60px,100%;
	}
	
	/*          SP          */
	@media (max-width:768px) {
	}
}
/*          PC          */
@media (min-width:835px) {
	#movie .contentsbox .titlebox {
		position: absolute;
		z-index: 2;
		transform: translateY(-35%);
		width: 100%;
	}
	
}

/*+-+-+-+-+-+-+-+-     movie     -+-+-+-+-+-+-+-+*/

/*+-+-+-+-+-+-+-+-     news     -+-+-+-+-+-+-+-+*/
#news {
	margin-top: 270px;
	text-align: center;
}
#news .main-title {
	max-width: 600px;
	margin: auto;
}
#news .sub-title span {
	background: #0d0d0d;
	color: #fff;
}

.news-list {
	height: 305px;
	margin: 45px auto 110px;
	overflow-y: auto;
	max-width: 1000px;
	width: 95%;
}
.news-list li:first-child {
	border-top: 1px solid #bfbfbf;
}
.news-list li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-bottom: 1px solid #bfbfbf;
	padding: 30px 0;
	font-size: clamp(0.625rem, 0.489rem + 0.68vw, 1rem);
}
.news-list li p {
	margin-left: 40px;
}
.news-list li .title {
	text-align: left;
}
.news-list li .category {
	color: #0d0d0d;
	border: #0d0d0d 1px solid;
	background: #fff;
	width: 100px;
	text-align: center;
	font-size: 10px;
	padding: 3px 0 0;
}
.newsList li a {
	text-decoration: none;
	width: 640px;
	display: block;
}
.news-list::-webkit-scrollbar {
	width: 10px;
}
.news-list::-webkit-scrollbar-track {
	background: #bfbfbf;
}
.news-list::-webkit-scrollbar-thumb {
	background:#262626;
}
/*          1400          */
@media (max-width:1400px) {
	#news .main-title {
		width: 50%;
	}
}

/*          TB          */
@media (max-width:834px) {
	#news {
		margin-top: 30%;
	}
	#news .titlebox {
		transform: translateY(0%);
	}
	#news .main-title {
		width: 74%;
	}
	#news .sub-title {
		margin: auto;
	}
	
	.news-list {
		margin: 25px auto 95px;
		height: 200px;
	}
	.news-list li {
		padding: 15px 0;
		margin-right: 15px;
		flex-wrap: nowrap;
	}
	.news-list li .spbox {
		padding: 0 10px;
	}
	.news-list li p {
		margin-left: 0;
		padding: 0 5px;
	}
	.news-list li .category {
		font-size: 6px;
		width: 100%;
		padding: 2px 0 2px;
	}
	.news-list::-webkit-scrollbar {
		width: 5px;
	}
	
	
	/*          SP          */
	@media (max-width:768px) {
	}
}
/*          PC          */
@media (min-width:835px) {
	.spbox {
		display: flex;
		flex-wrap: wrap;
	}
	.news-list li {
		margin-right: 30px;
	}
	.news-list li .title {
		width: 60%;
	}
}

/*+-+-+-+-+-+-+-+-     news     -+-+-+-+-+-+-+-+*/


/*          TB          */
@media (max-width:834px) {
	/*          SP          */
	@media (max-width:768px) {
	}
}
/*          PC          */
@media (min-width:835px) {
}