@charset "UTF-8";

/**======================================
	top
======================================**/

/*--------------------------------------
	common
---------------------------------------*/

/* scroll-fade */

.scroll-fade {
	opacity : 0;
	transform: translateY(30px);
	transition: all 1s;
}

/* scroll-fadeここまで */

.mono_area {
	margin-bottom: 30px;
	background: #fff;
}

.heading_top {
	margin-bottom: 20px;
	font-size: 2.0rem;	
	text-align: center;
	font-family: 'Comfortaa', cursive, "Noto Sans JP", "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, YuGothic, Arial, "メイリオ", Meiryo, sans-serif;
	font-weight: 700;
	color: #333;
}

.top_area_more {
	position: absolute;
	top: 5px;
	right: 0;
	padding-left: 15px;
	font-size: 1.2rem;
}

.top_area_more a {
	color: inherit;
}

.top_area_more a:hover {
	color: #A80000;
}

.mono_area.top_area {
	position: relative;
}

.fas.fa-chevron-right::before {
	font-size: 1.2rem;
}

.morebtn_part {
	text-align: center;
}

@media screen and (max-width: 600px) {

	.mono_area {
		margin-bottom: 50px;
	}

	.top_area_more {
		right: 5%;
	}
	
}

@media screen and (min-width: 600px) {
	
}

@media screen and (min-width: 960px) {
	
}
/*--------------------------------------
	promo
---------------------------------------*/

#promo_wrap {
	position: relative;
	margin-bottom: 0;
	overflow: hidden;
	z-index: 2;
}

#promo_wrap .slider li.object_fit {
	margin-bottom: 0;
}

#promo_wrap .slider li:not(:first-child) {
	opacity: 0;
}

@media screen and (max-width: 600px) {

	#promo_wrap ul.slider .object_fit::before {
		padding-top: 300px;
	}
	
}

@media screen and (min-width: 600px) {

	#promo_wrap ul.slider .object_fit::before {
		padding-top: 500px;
	}
	
}

@media screen and (min-width: 960px) {

	#promo_wrap ul.slider .object_fit::before {
		padding-top: calc(100vh - 71px);
	}
	
}

/* top_video */

.top_video {
	position: relative;
	overflow: hidden;
	height: calc(100vh - 71px);
	background: #333;
}

.top_video video {
	position: absolute;
	display: block;
	padding-top: 0;
	min-width: 100%;
	min-height: calc(100vh - 71px);
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

@media screen and ( max-width:599px) {

	.top_video {
		height: 300px;
	}
	
	.top_video video {
		min-height: 0;
		height: 300px;
	}
}

@media screen and ( min-width:600px) and ( max-width:959px) {

	.top_video {
		height: 500px;		
	}
	
	.top_video video {
		min-height: 0;
		height: 500px;
	}
}

/*--------------------------------------
	top_contents
---------------------------------------*/

/* top_importantnews */

#top_importantnews_area .top_importantnews_part {
	display: flex;
	padding: 10px 10px 10px 15px !important;
	border: 5px solid #eee;
}

.top_importantnews_part .fa-exclamation-circle {
	flex-basis: 40px;
	max-width: 40px;
	font-size: 30px;
}

.top_importantnews_part .importantnews_cont {
	flex-basis: calc( 100% - 40px );
	max-width:  calc( 100% - 40px );
}

.top_importantnews_part .importantnews_cont li {
	margin-bottom: 10px;
}

.top_importantnews_part .importantnews_cont li:last-child {
	margin-bottom: 0;
}

.top_importantnews_part .importantnews_cont .news_date {
	color: #aaa;
}

@media screen and ( max-width:599px) {

	#top_importantnews_area .top_importantnews_box  {
		padding: 0 5%;
	}

	.top_importantnews_part .fa-exclamation-circle {
		flex-basis: 40px;
		max-width: 40px;
		font-size: 30px;
	}

	.top_importantnews_part .importantnews_cont {
		flex-basis: calc( 100% - 40px );
		max-width:  calc( 100% - 40px );
	}

	.top_importantnews_part .fa-exclamation-circle {
		padding-top: 10px;
	}
}

@media screen and ( min-width:600px) {

	#top_importantnews_area .top_importantnews_box  {
		margin-bottom: 0 !important;
	}

	#top_importantnews_area .top_importantnews_part {
		margin-left: auto;
		margin-right: auto;
		max-width: 800px;
	}

	.top_importantnews_part .fa-exclamation-circle {
		flex-basis: 50px;
		max-width: 50px;
		font-size: 28px;
	}

	.top_importantnews_part .importantnews_cont {
		flex-basis: calc( 100% - 50px );
		max-width:  calc( 100% - 50px );
	}

	.top_importantnews_part .importantnews_cont .news_date {
		float: left;
		clear: left;
	}

	.top_importantnews_part .importantnews_cont .news_title {
		padding-left: 100px;
	}
	
}

/* top_schedule_area */

.top_schedule_part li {
	list-style: none;
}

.top_schedule_part .top_schedule_date {
	float: left;
	clear: left;
}

.top_schedule_part .top_schedule_cont {
	padding-left: 100px;
}

.top_schedule_part li {
	margin-bottom: 10px;
}

@media screen and (max-width: 959px) {

	.top_schedule_part ul {
		padding-top: 20px !important;
		padding-left: 5px;
		padding-right: 5px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	
	.top_schedule_part li {
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px dotted #ccc;
	}
	
	.top_schedule_part li:last-child {
		border-bottom: none;
	}
	
	.top_schedule_part .top_schedule_date {
		color: #666;
	}
}

@media screen and (min-width: 600px) {

	.top_schedule_part .top_schedule_cont {
		padding-left: 120px;
	}
	
}

@media screen and (min-width: 960px) {
	
	#top_schedule_area {
		margin-bottom: 0;
	}

	#top_schedule_area .part {
		margin: 0 !important;
		padding: 0;
	}

	.top_schedule_box {
		position: absolute;
		bottom: 50px;
		left: 0;
		margin: 0;
		padding: 20px 30px;
		background: rgba(0,0,0,0.4);
		min-width: 330px;
		color: #ffffff;
	}

	.top_schedule_box .heading_top {
		margin-bottom: 15px;
		color: #ffffff;
		text-align: left;
	}

	.top_schedule_box .top_area_more {
		position: absolute;
		top: 25px;
		right: 30px;
		padding-left: 15px;
		font-size: 1.2rem;
	}

	.top_schedule_part .top_schedule_cont {
		padding-left: 100px;
	}
	
}

/* top_video_area */

#top_video_area ul {
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
}

#top_video_area .list_cont {
	margin-bottom: 30px;
	height: auto;
}

@media screen and (max-width: 600px) {
	
}

@media screen and (min-width: 600px) {

	#top_video_area .list_cont {
		margin-bottom: 50px;
	}
	
}

@media screen and (min-width: 960px) {
	
}

/* top_discography_area */

#top_discography_area ul.disco_ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#top_discography_area ul li:last-child {
	margin-right: 0;
}

#top_discography_area p.pic {
	margin-bottom: 0;
}

#top_discography_area .top_disco_cont {
  position: relative;
  overflow: hidden;
}

#top_discography_area .top_disco_cont img {
	border: 1px solid #eee;
}

#top_discography_area .top_disco_caption {
	position: absolute;
	top: -100%;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	padding-top: 37%;
	padding-left: 5%;
	padding-right: 5%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
	text-align: center;
	color: #FFF;
}

#top_discography_area .top_disco_caption .heading04 {
	color: #FFF;
}

#top_discography_area .top_disco_cont:hover .top_disco_caption {
  top: 0;
  left: 0;
}

#top_discography_area .object_fit {
	margin-bottom: 0;
}

#top_discography_area .object_fit::before {
	padding-top: 100%;
}

@media screen and (max-width: 599px) {
	
}

@media screen and (min-width: 600px) {

	#top_discography_area ul li {
		margin-bottom: 0.5em;
		margin-right: 4%;
		flex-basis: 22%;
		max-width: 22%;
	}
	
}

@media screen and (min-width: 960px) {
	
}


/* top_news_area */

#top_news_area ul.news_archive {
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px !important;
	max-width: 800px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#top_news_area ul.news_archive li {
	border-bottom: 1px dotted #e6e6e6;
}

#top_news_area ul.news_archive li:last-child {
	border-bottom: none;
}

#top_news_area ul.news_archive .news_list .news_date {
    font-size: 1.2rem;
    line-height: 1.3em;
    color: #999;
}

#top_news_area .news_archive {
}

@media screen and (max-width: 600px) {
	
	#top_news_area .box {
		margin-left: 5%;
		margin-right: 5%;
	}
	
	#top_news_area ul.news_archive .news_date date  {
		margin-bottom: 0;
	}
	
	#top_news_area ul.news_archive  {
		padding-left: 3% !important;
		padding-right: 3% !important;
	}
}

@media screen and (min-width: 600px) {

	#top_news_area ul.news_archive {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	
}

@media screen and (min-width: 960px) {
	
}