//- troposphere stylus バージョン10
@charset "utf-8";

aurl = '../images/'

@import "./_reset.styl"
@import "./_mixin.styl"

@charset "UTF-8"

*{
	box-sizing: border-box;
}

html

	font-family 'Noto Sans JP',"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif
	font-feature-settings: "palt"
	font-size: 20px
	-webkit-text-size-adjust: 100%
	box-sizing: border-box
	background: #191919
	+sp()
		font-size: 15px



body
	//-
	


a
	&:focus
		outline: none
	&:active
		color: #7f7f7f
	&:hover
		m_alpha(70)


	&:visited
		color: #333333

.u_line
	text-decoration: underline



header
	width: 100%
	position fixed
	z-index 1500
	+sp()
		width: 100%
	& nav
		& #leftMenu
			& > ul
				& > li
					float left
			
		& .menuWrap
			padding 20px
			+sp()
				padding 10px

			& .menuInbox
				& .menucontent
					background #fff
					width 63px
					height 61px
					position relative
					+sp()
						background #fff
						width 43px
						height 41px
						position relative
					& span
						display block
						position absolute
						left 20px
						width 100%
						background #000
						height 4px
						width 23px
						+sp()
							left 10px
							height 3px

						&:nth-of-type(1)
							top 19px
							m_trans(0.3s)
							+sp()
								top 11px
							
						&:nth-of-type(2)
							top 28px
							m_trans(0.3s)
							+sp()
								top 19px
						&:nth-of-type(3)
							top 37px
							m_trans(0.3s)
							+sp()
								top 27px
				& .menutext
					m_font-rem(16)
					m_font-en()
					color #fff
					text-align center
					padding 5px 0
			&.on
				& .menucontent
					& span
						&:nth-of-type(1)
							top 28px
							m_rot(-315deg)
							m_trans(0.3s)
							+sp()
								top 19px
							
						&:nth-of-type(2)
							top 28px
							transform translateX(-100%)
							m_alpha(0)
							m_trans(0.3s)
							+sp()
								top 19px
						&:nth-of-type(3)
							top 28px
							m_rot(315deg)
							m_trans(0.3s)
							+sp()
								top 19px


		& .menuSearchWrap
			
			.menuSearch-box
				display:inline-block
				margin-top:20px
				padding 10px
				background-color: #fff
				font-size:14px
				border-radius: 8px
				position:relative
				p
					margin-bottom:5px
					
				input
					width:150px
					background-color:#E3E3E3
					margin-bottom:8px
					border:0
					font-size:16px
					padding:3px
				.search-btn
					vertical-align: top
					background-color:#000
					display:inline-block
					margin-left:5px
					width:25px
					height:25px
					border-radius: 5px
					background-size: 80%
					background-position:center center
					background-repeat: no-repeat
					background-image: url('../images/menuSearchWrap_b.png')
				
				.month
					margin-right:20px
					display:inline-block
	
				a
					text-decoration:none
					color:#333
					font-weight:bold
				.area-box
				.month-box
					display:none
				.area-box-inner
					 box-shadow: 2px 2px 4px #000;
					width:300px
					position:absolute
					display:flex
					background-color:#fff
					padding:15px 20px 5px 20px
					left:75px
					top:80px
					flex-wrap: wrap
					
				.month-box-inner
					box-shadow: 2px 2px 4px #000;
					width:500px
					position:absolute
					display:flex
					background-color:#fff
					padding:15px 20px 5px 20px
					left:15px
					top:80px
					flex-wrap: wrap
				
				.area-box
				.month-box
					a
						background-image: url('../images/sankaku.svg')
						background-repeat: no-repeat
						background-size:8px
						background-position:center left
						padding-left:15px
						display:block
						width:25%
						margin-bottom:10px
			+sp()
				display none
			& ul
				overflow hidden
				line-height 1
				//-border 1px #4D4D4D solid
				display flex
				align-items center
				padding 0 10px 0 35px
				m_radius(23px)
				background url(aurl + "menuSearchWrap_b.svg") left 10px center no-repeat #fff
				background-size 20px 20px
				& li
					float left
					line-height 1
					padding 0 0px
					border-left 1px solid #000
					&:nth-of-type(1)
						border-left 0px solid #fff
					& p
						line-height 1
					& a
						text-decoration none
						m_font-rem(12)
						m_font-b()
						display block
						position relative
						overflow hidden
						padding 15px 17px
						+ie()
							padding 15px 17px 10px
						&:before
							position absolute
							width 100%
							height 100%
							top 0
							left 0
							content ''
							transform translateY(-100%)
							m_trans(0.3s)
							background #000

						& span
							position relative
							z-index 2
							color #000
						&:hover
							m_alpha(100)
							&:before
								transform translateY(0%)
								m_trans(0.3s)
								background #000
							& span
								color #fff
						
		& .menuEtc
			width 248px
			margin-top 6px
			
			+sp()
				display none
			& ul
				overflow hidden
				display flex
				align-items center
				width 100%
				& li
					width auto
					padding-right:10px
					text-align center
					& a
						text-decoration none
						color #fff
						m_font-rem(14)
		& #centerMenu
			width 415px
			margin 0 auto
			+sp()
				width 50%
				text-align center

			& a
				display block
				margin 0 auto
				width 215px
				+sp()
					width 100%
				& figure
					display block
				& img 
					width 100%
					filter: drop-shadow(0px 0px 10px rgba(0,0,0,1));
					+sp()
						width 80%
			& p
				m_font-rem(11)
				text-align center
				color #fff
				display block
				margin 20px auto 0
				width 415px
				filter: drop-shadow(0px 0px 10px rgba(0,0,0,1));
				+sp()
					width 100%
					margin 10px auto 0
					m_font-rem(13)
					line-height 1.4
				& br
					display block
		& #rightMenu
			float right
			position fixed
			top 0
			right 0
			+sp()
				display none
			& ul
				overflow hidden
				& li
					float left
					& p
						m_font-rem(16)
						m_font-b()
						& a
							padding 18px 23px
							display inline-block
							text-decoration none
							+ie()
								padding 18px 23px 13px
					& .new
						//-background #3A3A3A
						background #DDFF00
						& a
							//-color #FFFFFF
							color #000000

					& .history
						//-background #3A3A3A
						background #1ea4c9
						& a
							//-color #FFFFFF
							color #000000
					& .result
						//-background #3A3A3A
						background #ff7f00
						& a
							//-color #FFFFFF
							color #000000
					& .login
						background #DDFF00
						& a
							color #000000

#menu
	position fixed
	width 100%
	height 100%
	z-index 1000
	m_trans(0.5s)
	transform translateY(-200%)

	&.on
		display block
		m_trans(0.5s)
		transform translateY(0)
	& .menu_bg
		width 100%
		height 100%
		display block
		background rgba(0,0,0,0.5)
		padding 150px
		+sp()
			padding 30px 6%
	& .menu_wrap
		background #000
		width 100%
		height 100%
		padding 80px 100px
		+sp()
			padding 30px 6%
	& .logo
		width 300px
		margin 0 auto
		+sp()
			display none
		& img
			width 100%
	& nav
		margin-top 50px
	& ul
		overflow hidden
		display flex
		flex-wrap wrap
		color:#fff
		& li
			float left
			margin-top 40px
			width 25%
			+sp()
				margin-top:20px
				width 100%
			.mark
				& a,span
					display block
					color #fff
					background url(aurl+'arrow.svg') right center no-repeat
					m_font-rem(18)
					padding-right 40px
					margin-left 30px
					text-decoration none
					min-width 200px
					+ie()
						background url(aurl+'arrow.svg') right -50px center no-repeat
						m_font-rem(18)
						padding-right 60px
					+sp()
						margin-left 0px
			.input-box
				margin-top 10px
				margin-left 30px
				+sp()
					margin-left 0
				input
					border-radius: 0
					width:150px
					background-color:#E3E3E3
					margin-bottom:8px
					border:0
					font-size:16px
					padding:3px
					vertical-align: top
					+sp()
						width:200px
						height:26px
				.search-btn
					vertical-align: top
					background-color:#fff
					display:inline-block
					margin-left:5px
					width:26px
					height:26px
					
					background-size: 80%
					background-position:center center
					background-repeat: no-repeat
					background-image: url('../images/menuSearchWrap_b02.png')
			.submenu
				display:flex
				padding-top 15px
				padding-left 30px
				flex-wrap: wrap;
				+sp()
					
					padding-left 0
				a
					width:50%
					display:block
					color:#fff
					text-decoration:none
					font-size:14px
					margin-bottom:8px
				
					
	
main
	display block
	padding-top 102px
	//-overflow hidden
	min-height 100vh
	+sp()
		padding-top 85px
		
section,artcle
	width: 100%
	margin 0 auto
	min-width 1100px
	+sp()
		width: 100%
		min-width 100%

footer
	width: 100%
	margin 82px auto 0
	padding-bottom 30px
	z-index 3
	position relative
	+sp()
		width: 100%
	&.on
		& p
			color #fff
			m_trans(0.5s)
			transition-delay:1s;
	& p
		color rgba(255,255,255,0)
		m_font-rem(12)
		text-align center
		m_trans(0.5s)
		+sp()
			m_font-rem(15)

.wrap
	width 1100px
	margin 0 auto
	+sp()
		width 100%
		padding 0 2%
	&.indexWrap
		//-
		padding-right 350px
		position relative
		+sp()
			padding-right 0


h2
	+sp()
		padding 0 4%
	&.delighter
		overflow hidden
		transform translateX(-100%)
		& strong
			m_font-rem(28)
			m_font-en()
			color #fff
			letter-spacing 0.3em
			display inline-block
			position relative
			padding-bottom 15px
			&:after
				height 4px
				width 100%
				background #DDFF00
				position absolute
				bottom 0
				left 0
				content ''
		& span
			m_font-rem(14)
			color #fff
			letter-spacing 0.3em
			margin-left 15px
			+sp()
				m_font-rem(18)
				display block
				padding-left 0
				text-align left
				margin-top 10px
				margin-left 0
		&.started
			transform translateX(-100%)
			m_trans(0.5s)
			& strong
				&:after
					transform translateX(-100%)
					m_trans(0.5s)
					background #fff
			&.ended
				transform translateX(0)			
				m_trans(0.5s)
				& strong
					&:after
						transform translateX(0)
						m_trans(0.5s)
						background #DDFF00
.more
	margin-top 28px
	+sp()
		padding 0 4%
		text-align center
	& a
		border 1px solid #fff
		text-decoration none
		display inline-block
		overflow hidden
		position relative
		m_radius(24px)
		& span
			position relative
			z-index 2
			color #fff
			m_font-rem(14)
			m_font-en()
			letter-spacing 0.3em
			m_trans(0.3s)
			display block
			padding 12px 48px 12px 24px
			background url(aurl + "more_icon.svg") right 24px center no-repeat
			background-size 20px
			+ie()
				background url(aurl + "more_icon.svg") right 24px center no-repeat
				background-size 20px 20px
		&:before
			width 100%
			height 100%
			background #fff
			content ''
			display block
			position absolute
			top 0
			left 0
			transform translateX(-100%)
			m_trans(0.3s)
			z-index 1
		&:hover
			m_alpha(100)
			&:before
				transform translateX(0)
				m_trans(0.3s)
			& span
				color #000
				m_trans(0.3s)
				background url(aurl + "more_icon_b.svg") right 24px center no-repeat
				background-size 20px
				+ie()
					background url(aurl + "more_icon_b.svg") right 24px center no-repeat
					background-size 20px 20px
		+sp()
			//-
			m_font-rem(20)
		
.sMore
	+sp()
		padding 0 4%
		text-align center
	& a
		text-decoration none

	& p
		border 1px solid #fff
		text-decoration none
		display inline-block
		overflow hidden
		position relative
		m_radius(24px)
		& span
			position relative
			z-index 2
			color #fff
			m_font-rem(10)
			m_font-en()
			letter-spacing 0.3em
			m_trans(0.3s)
			display block
			padding 12px 48px 12px 24px
			background url(aurl + "more_icon.svg") right 24px center no-repeat
			background-size 20px
			+ie()
				background url(aurl + "more_icon.svg") right 24px center no-repeat
				background-size 20px 20px
		&:before
			width 100%
			height 100%
			background #fff
			content ''
			display block
			position absolute
			top 0
			left 0
			transform translateX(-100%)
			m_trans(0.3s)
			z-index 1
		&:hover
			m_alpha(100)
			&:before
				transform translateX(0)
				m_trans(0.3s)
			& span
				color #000
				m_trans(0.3s)
				background url(aurl + "more_icon_b.svg") right 24px center no-repeat
				background-size 20px
				+ie()
					background url(aurl + "more_icon_b.svg") right 24px center no-repeat
					background-size 20px 20px
		+sp()
			//-
			m_font-rem(20)

.sMoreB
	+sp()
		padding 0 4%
		text-align center
	& a
		text-decoration none

	& p
		border 1px solid #fff
		text-decoration none
		display inline-block
		overflow hidden
		position relative
		m_radius(24px)
		& span
			position relative
			z-index 2
			color #fff
			m_font-rem(10)
			m_font-en()
			letter-spacing 0.3em
			m_trans(0.3s)
			display block
			padding 12px 48px 12px 24px
			background url(aurl + "more_blank.svg") right 24px center no-repeat
			background-size 20px
		&:before
			width 100%
			height 100%
			background #fff
			content ''
			display block
			position absolute
			top 0
			left 0
			transform translateX(-100%)
			m_trans(0.3s)
			z-index 1
		&:hover
			m_alpha(100)
			&:before
				transform translateX(0)
				m_trans(0.3s)
			& span
				color #000
				m_trans(0.3s)
				background url(aurl + "more_blank.svg") right 24px center no-repeat
				background-size 20px
		+sp()
			//-
			m_font-rem(20)

.site
	margin-top 20px
	+sp()
		padding 0 4%
		text-align center
	& a
		text-decoration none
		&:hover
			m_alpha(100)
	& p
		border 1px solid #fff
		text-decoration none
		display inline-block
		overflow hidden
		position relative
		m_radius(24px)
		& span
			position relative
			z-index 2
			color #fff
			m_font-rem(10)
			m_font-en()
			letter-spacing 0.3em
			m_trans(0.3s)
			display block
			padding 12px 40px 12px 24px
			background url(aurl + "more_blank.svg") right 18px center no-repeat
			background-size 16px
			+ie()
				background url(aurl + "more_blank.svg") right 18px center no-repeat
				background-size 16px 16px
		&:before
			width 100%
			height 100%
			background #fff
			content ''
			display block
			position absolute
			top 0
			left 0
			transform translateX(-100%)
			m_trans(0.3s)
			z-index 1
		&:hover
			m_alpha(100)
			&:before
				transform translateX(0)
				m_trans(0.3s)
			& span
				color #000
				m_trans(0.3s)
				background url(aurl + "more_blankB.svg") right 18px center no-repeat
				background-size 16px
				+ie()
					background url(aurl + "more_blankB.svg") right 18px center no-repeat
					background-size 16px 16px
		+sp()
			//-
			m_font-rem(20)
		
.map
	//-display inline-block
	float left
	margin-left 30px
	+sp()
		padding 0 4%
		text-align center
		margin-left 0px
		margin-top 10px
	& a
		text-decoration none
		&:hover
			m_alpha(100)
	& p
		border 1px solid #fff
		text-decoration none
		display inline-block
		overflow hidden
		position relative
		m_radius(24px)
		& span
			position relative
			z-index 3
			color #fff
			m_font-rem(10)
			m_font-en()
			letter-spacing 0.3em
			m_trans(0.3s)
			display block
			padding 6px 48px 6px 24px
			background url(aurl + "map_pin.svg") right 24px center no-repeat
			background-size 12px
			+ie()
				background url(aurl + "map_pin.svg") right 24px center no-repeat
				background-size 12px 12px
				
		&:before
			width 100%
			height 100%
			background #fff
			content ''
			display block
			position absolute
			top 0
			left 0
			transform translateX(-100%)
			m_trans(0.3s)
			z-index 1
		&:hover
			m_alpha(100)
			&:before
				transform translateX(0)
				m_trans(0.3s)
			& span
				color #000
				m_trans(0.3s)
				background url(aurl + "map_pinB.svg") right 24px center no-repeat
				background-size 12px
				+ie()
					background url(aurl + "map_pinB.svg") right 24px center no-repeat
					background-size 12px 12px
		+sp()
			//-
			m_font-rem(20)
		








//-TOP
#index
	header nav #centerMenu a figure
		display:none
	header nav #centerMenu p
		display:none
#indexH1
	+sp()
		width 100%
	& h1
		display flex
		align-items center
		height 155px
		+sp()
			display flex
			flex-wrap wrap
			width 100%
			height auto
		
		& span
			display block
			m_font-rem(17)
			line-height 1.5
			color #fff
			float left
			+sp()
				width 100%
				m_font-rem(22)
				order 2
				text-align center
				margin-top 15px
		& figure
			margin-left 65px
			display block
			float left
			+sp()
				margin-left 0px
				width 100%
				order 1
				padding 0 4%
			& img
				width 431px
				+ie()
					height 154px
				+sp()
					width 100%

.rightContent
	width 300px
	position absolute 
	top 0
	right 0
	z-index 50
	+sp()
		padding 0 4%
		width 100%
		position relative
		overflow hidden
		margin-top 34px
	& .exNews
		background #3B3B3B
		height 155px
	& .snsTw
	& .snsFb
		margin-top 35px
		height 510px!important
		overflow-y scroll
		+sp()
			width 100%
			text-align center
		& iframe
			width 285px!important
			background #fff
			+sp()
				width 80%!important
				margin 0 auto
.indexNewsContent
	margin-top 50px
	m_move()
	+sp()
		margin-top 50px
	& > ul
		overflow hidden
		& > li
			background #2B2B2B
			margin-top 4px
			&:nth-of-type(1)
				margin-top 0
			&:nth-of-type(2n)
				background #3B3B3B

			& a
				text-decoration none
				color #fff
				m_font-rem(14)
				background url(aurl + "arrow.svg") right center no-repeat
				background-size 11px
				display block
				+sp()
					background url(aurl + "arrow.svg") right 10px center no-repeat
					background-size 8px
					padding-right 20px

	& .indexNewsContentList
		overflow hidden
		&.new
			& .icon
				background #000000
				&:before
					m_font-en()
					color #DDFF00
					content 'NEW'	
		& li
			float left
			height 62px
			display flex
			align-items center
			+sp()
				height 40px
			&.days
				width 97px
				justify-content center
				+sp()
					width auto
					m_font-rem(17)
					padding-left 18px
					padding-right 18px
			&.icon
				width 66px
				justify-content center
			&.contents
				width calc(100% - 163px)
				padding-left 17px
				padding-right 15px
				line-height 1.5
				+sp()
					height auto
					width 100%
					padding 10px 4% 20px 18px
					m_font-rem(17)

#indexEvent
	background url(aurl +'index_bg.jpg') no-repeat
	background-position: center top 0px
	background-size 100%
	position relative
	+sp()
		background url(aurl +'index_bg-smp.jpg') no-repeat
		background-position: center top 0px
		background-size 100%
	&:after
		position absolute
		width 100%
		height 100px
		bottom 0
		left 0
		z-index 0
		background url(aurl +'main.png') center bottom no-repeat
		background-size 100% 100%
		content ''
		+sp()
			display block
		
#indexNews
#indexEvent
	margin-top 112px
	+sp()
		margin-top 60px
.lineHeight
	height 500px
	m_trans(0.5s)
	+sp()
		height auto
.indexEventContent
	position relative
	z-index 1
	+sp()
		padding 0 4%
	m_move()
	& ul
		margin-top 63px
		+sp()
			display block
			margin-top 22px
		& li
			float left
			width 238px
			margin-left 16px
			margin-top 20px
			+sp()
				width 49%
				margin-left 2%!important
			&:nth-of-type(3n+1)
				margin-left 0
			&:nth-of-type(2n+1)
				+sp()
					margin-left 0%!important
			& a
				display block
				text-decoration none
				m_font-rem(11)
				m_font-b()
				position relative
				m_trans(0.5s)
				&:hover
					m_alpha(100)
					transform scale(1.05,1.05)
					m_trans(0.5s)
					+sp()
						m_alpha(100)
				&:after
					border 4px solid rgba(0,0,0,0.72)
					display block
					position absolute
					width 220px
					height 232px
					bottom 0
					right 0
					content ''
					z-index 0
					+sp()
						display none
				& span
					display block
					color #fff
					position relative
					z-index 1
					padding 10px 0 15px
					text-align center
					+sp()
						background #474747
			& .indexEventContentimg
				width 220px
				height 220px
				z-index 1
				position relative
				+sp()
					width 100%
					height auto
					padding-top 100%
					position relative
				& figure
					position relative
					width 100%
					height 220px
					overflow hidden
					+sp()
						width 100%
						height 100%
						position absolute
						top 0
						left 0
					& img
						width: 220px;
						height: 220px;
						object-fit: cover;
					
						position: absolute;
						left: 50%;
						top: 50%;
						transform: translate(-50%, -50%);
						-webkit-transform: translate(-50%, -50%);
						-ms-transform: translate(-50%, -50%);
						+sp()
							width: 100%;
							height: 100%;
							

.NoticeWrap
	margin-top 66px
	+sp()
		width 100%
		overflow hidden
		clear both
	.NoticeContent
		m_move()
		& ul
			margin-top 24px
			overflow hidden
			& li
				background #3B3B3B
				margin-top 10px
				position relative
				overflow hidden
				&.delighter
					&:after
						position absolute
						right 0
						bottom 0
						width 3px
						height 40px
						z-index 0
						content ''
						background #FFFF00
						m_trans(0.7s)
						transform translateY(40px)
						transition-delay 0.3s
					&.started
						&:after
							transform translateY(40px)
							m_trans(0.7s)
							transition-delay 0.3s
						&.ended
							//-
							&:after
								transform translateY(0)
								m_trans(0.7s)
								transition-delay 0.3s
				&:nth-of-type(2n)
					background #2B2B2B
				& a
					display block
					padding 26px 21px 
					text-decoration none
					+sp()
						background url(aurl + "arrow.svg") right 10px center no-repeat
						background-size 8px
						padding-right 40px
				& p
					m_font-rem(14)
					&.day
						color #DDFF00
						m_font-b()
					&.news
						margin-top 26px
						color #fff
						line-height 1.6
		
//-プロフィールページ
#profileWrap
	margin-top 75px
	+sp()
		margin-top 30px
	
	& .profileWrapDl
		overflow hidden
		display flex
		+sp()
			display block
		
		& dt
			float left
			width 325px
			& img
				width 100%
			+sp()
				width 100%
				padding 0 4%

			
		& dd
			margin-left 67px
			float left
			background url(aurl +'proflie_ti.svg') left top no-repeat
			background-size 28px auto
			padding-left 58px
			color #fff
			width calc(100% - 392px)
			position relative
			+sp()
				margin-top 20px
				width 100%
				margin-left 0px
				padding 0 4% 50px
				background url(aurl +'proflie_ti.svg') left 4% top no-repeat
				background-size 28px auto
			& h1
				m_font-rem(21)
				m_font-b()
				line-height 1.6
				+sp()
					m_font-rem(24)
					padding-left 45px
			& p
				m_font-rem(13)
				line-height 1.6
				+sp()
					margin-top 10px
					padding-left 45px
					m_font-rem(15)
				
			& .favorite
				position absolute
				bottom 0
				right 0
				+sp()
					padding 0 4%
					text-align center
				&.on
					& a
						&:before
							transform translateX(0)
							m_trans(0.3s)
						& span
							color #000
							m_trans(0.3s)
							background url(aurl + "fav_w.svg") right 24px center no-repeat
							background-size 20px
							
				
				& a
					border 1px solid #fff
					text-decoration none
					display inline-block
					overflow hidden
					position relative
					m_radius(24px)
					& span
						position relative
						z-index 2
						color #fff
						m_font-rem(10)
						m_font-en()
						letter-spacing 0.3em
						m_trans(0.3s)
						display block
						padding 8px 48px 8px 24px
						background url(aurl + "fav_b.svg") right 24px center no-repeat
						background-size 20px
					&:before
						width 100%
						height 100%
						background #fff
						content ''
						display block
						position absolute
						top 0
						left 0
						transform translateX(-100%)
						m_trans(0.3s)
						z-index 1
					&:hover
						m_alpha(100)
						&:before
							transform translateX(0)
							m_trans(0.3s)
						& span
							color #000
							m_trans(0.3s)
							background url(aurl + "fav_w.svg") right 24px center no-repeat
							background-size 20px
					+sp()
						//-
						m_font-rem(18)
							


.EventContent
	margin-top 50px
	m_move()
	+sp()
		margin-top 50px
	& .EventContentUl
		overflow hidden
		& > li
			background #2B2B2B
			margin-top 4px
			&:nth-of-type(1)
				margin-top 0
			&:nth-of-type(2n)
				background #3B3B3B

			& a
				text-decoration none
				color #fff
				m_font-rem(14)
				display block
				+sp()
					padding-right 20px

	& .EventContentList
		overflow hidden
		&.new
			& .icon
				background #000000
				&:before
					m_font-en()
					color #DDFF00
					content 'NEW'	
		& li
			float left
			height 62px
			display flex
			align-items center
			+sp()
				height 40px
				
			&.days
				width 200px
				justify-content center
				+sp()
					width auto
					m_font-rem(17)
					padding-left 18px
					padding-right 18px
			&.moreBtnWrap
				+sp()
					width 100%
					padding 0 0 20px
					& .sMore
						float right
			&.contents
				width calc(100% - 320px)
				padding-left 17px
				padding-right 15px
				line-height 1.5
				+sp()
					height auto
					width 100%
					padding 10px 4% 20px 18px
					m_font-rem(17)
#Event
	margin-top 60px	
	
#attention
	margin-top 50px
	padding 0 4%
	m_move()
	+sp()
		margin-top 50px
	& p
		color #fff
		m_font-rem(11)
		margin-top 10px
		line-height 1.6
		&:nth-of-type(1)
			margin-top 0
		+sp()
			m_font-rem(14)
			margin-top 10px




//-infomation

#infoWrap
	margin-top 75px
	padding-bottom 77px
	+sp()
		margin-top 30px

	.div-price
		font-size: 14px
		line-height:1.6
		.sales
			margin-bottom:15px
	& h1
		m_font-rem(21)
		m_font-b()
		color #fff
		line-height 1.55
		border-bottom 4px #DDFF00 solid
		padding-bottom 20px
		+sp()
			padding 0 0 20px
			margin 0 4%
	& .infoWrapDl
		overflow hidden
		margin-top 53px
		display flex
		+sp()
			margin-top 53px
			display block
		& > dt
			float left
			width 306px
			+sp()
				width 100%
				padding 0 4%

			& #sliderWrap02
				& .slider
					& img
						width: 325px;
						height: 325px;
						object-fit: cover;
			& #sliderWrap
				& .slider
					@keyframes bounce-in
						0%
							display none
							m_alpha(0)
						1%
							m_alpha(0)
							display block
						100%
							m_alpha(100)
					& li
						width 100%
						padding-top 100%
						position relative
						overflow hidden
						display none
						m_alpha(0)
						animation bounce-in .5s reverse
						&.on
							m_alpha(100)
							animation bounce-in .5s
							display block
						& .sliderInbox
							width 100%
							height 100%
							position absolute
							top 0
							left 0
							& figure
								width 100%
								height 100%
								position relative
								& img
									width: 325px;
									height: 325px;
									object-fit: cover;
							
									position: absolute;
									left: 50%;
									top: 50%;
									transform: translate(-50%, -50%);
									-webkit-transform: translate(-50%, -50%);
									-ms-transform: translate(-50%, -50%);
						//-
				& .thumb
					width 100%
					display flex
					flex-wrap wrap
					& li
						width 25%
						padding-top 25%
						position relative
						overflow hidden
						cursor pointer
						&.on
							m_alpha(60)
						& .sliderInbox
							width 100%
							height 100%
							position absolute
							top 0
							left 0
							& figure
								width 100%
								height 100%
								display block
								position relative
								& img
									position: absolute;
									top: 0;
									left: 0;
									width: 100%;
									height: 100%;
									min-width: 100%;
									min-height: 100%;
									max-width: inherit;
									object-fit: cover;
									+ie()
										position: absolute;
										top: 50%;
										left: 50%;
										width: auto;
										height: 100%;
										-min-width: 100%;
										min-height: 100%;
										max-width: inherit;
										object-fit: cover;
										transform translate(-50%,-50%)
										
				
		& > dd
			margin-left 75px
			float left
			padding-left 70px
			color #fff
			width calc(100% - 454px)
			position relative
			background url(aurl +'info_ti.svg') left top no-repeat
			background-size 28px auto
			+ie()
				background url(aurl +'info_ti.svg') left top no-repeat
				background-size 28px 160px
			+sp()
				width 100%
				margin-left 0px
				margin-top 40px
				background url(aurl +'info_ti.svg') left 4% top no-repeat
				background-size 28px auto
				padding 0 4% 0 70px
			& > dl
				overflow hidden
				border-top #707070 dotted 1px
				padding 15px 0 15px
				display flex
				&:nth-of-type(1)
					border-top #707070 dotted 0px
					padding 0px 0 15px
				& dt
					float left
					width 77px
				& dd
					float left
					margin-left 11px
					width calc(100% - 88px)
				& p
					m_font-b()
					m_font-rem(14)
					letter-spacing 0.04em
					line-height 1.6
					display inline-block
					float left
					+sp()
						m_font-rem(16)
					&.buy
						background #fff
						color #000
						padding 5px 10px
						+ie()
							padding 5px 10px 2px
			.btn

						a
							width:300px
							text-decoration none
							display block
							background: linear-gradient(90deg, rgba(221, 255, 0, 255) 0%, rgba(7, 219, 235, 255) 100%);
							m_radius(25px)
							+sp()
								width:100%
							span
								display block
								m_font-b()
								m_font-rem(16)
								color #000
								letter-spacing 0.04em
								line-height 1.35
								padding 20px
								background url(aurl + 'star_w.svg') right 10px center no-repeat
								background-size 44px auto
								+ie()
									background url(aurl + 'star_w.svg') right 10px center no-repeat
									background-size 55px 55px
								+sp()
									m_font-rem(19)
									padding 15px
									letter-spacing 0.02em
									background url(aurl + 'star_w.svg') right 10px center no-repeat
									background-size 30px auto
									& br
										display none
					& dd
						float left
						margin-left 40px
						width 252px
						+sp()
							margin-top 15px
							margin-left 0px
							width 100%
						& a
							text-decoration none
							display block;
							background: linear-gradient(90deg, rgba(7, 219, 235, 255) 0%, rgba(7, 144, 235, 255) 100%);
							m_radius(25px)
							& span
								display block
								m_font-b()
								m_font-rem(16)
								color #000
								letter-spacing 0.04em
								line-height 1.35
								padding 20px
								background url(aurl + 'w_arrow_w.svg') right 10px center no-repeat
								background-size 19px auto
								+ie()
									background url(aurl + 'w_arrow_w.svg') right 10px center no-repeat
									background-size 19px 19px
								+sp()
									m_font-rem(19)
									padding 15px
									letter-spacing 0.02em
									& br
										display none



#Playguide
	background url(aurl + 'info_bg.jpg') center top no-repeat
	padding 47px 0 52px
	& h2
		& strong
			color #000
		& span
			color #000
		&.delighter
			& strong
				m_font-rem(28)
				m_font-en()
				color #000
				letter-spacing 0.3em
				display inline-block
				position relative
				padding-bottom 15px
				&:after
					height 4px
					width 100%
					background #fff
					position absolute
					bottom 0
					left 0
					content ''

	& .EventContent
		margin-top 50px
		m_move()
		+sp()
			margin-top 50px
		& .EventContentUl
			overflow hidden
			& > li
				background rgba(0,0,0,0.2)
				margin-top 4px
				&:nth-of-type(1)
					margin-top 0
				&:nth-of-type(2n)
					background rgba(0,0,0,0.3)

				& a
					text-decoration none
					color #fff
					m_font-rem(14)
					display block
					+sp()
						padding-right 20px

		& .EventContentList
			overflow hidden
			&.new
				& .icon
					background #000000
					&:before
						m_font-en()
						color #DDFF00
						content 'NEW'	
			& li
				float left
				height 62px
				display flex
				align-items center
				+sp()
					height 40px
					
				&.days
					width 200px
					justify-content center
					+sp()
						width auto
						m_font-rem(17)
						padding-left 18px
						padding-right 18px
				&.moreBtnWrap
					+sp()
						width 100%
						padding 0 0 20px
						& .sMore
							float right
				&.contents
					width calc(100% - 320px)
					padding-left 17px
					padding-right 15px
					line-height 1.5
					+sp()
						height auto
						width 100%
						padding 10px 4% 20px 18px
						m_font-rem(17)

@import "./_pagenavi.styl"
#news
	background-image:url(../images/index_bg.jpg);
	background-position: center center
	background-size: cover
	#newsWrap
		margin-top:80px
		.wrap
			
			+sp()
				width:100%
			.news-list-box
				article
					background-color:#2B2B2B
					display:block
					font-size:16px
					color:#fff
					line-height:1.6
					margin:0 auto 40px auto
					padding:38px
					position:relative
					width:100%
					.news-title
						color:#DDFF00
						font-size:21px
						font-weight:bold
						+sp()
							font-size:16px
					.news-date
						margin-bottom:20px
						font-size:16px
					.new-icon
						color:#DDFF00
						background-color: #000000
						display:inline-block
						padding:5px 15px
						position:absolute
						right 15px
						top:15px
				+sp()
					width:94%
					margin:0 auto
			h2
				margin-bottom:40px
			.news-date
				font-size:14px
			.news-title
				font-size:18px
				font-weight:bold
				margin-bottom:20px
	#newslistWrap
		margin-top:80px
#result
	background-image:url(../images/index_bg.jpg);
	background-position: center center
	background-size: cover
	.wrap
		+sp()
			width:96%
	#resultWrap
		margin-top:80px
		+sp()
			margin-top:30px
		.result-navibox
			margin-top:40px
			display:flex
			+sp()
				display:block
			p
				color:#fff
				width:50%
				margin-bottom:20px
				+sp()
					width:100%	
			.wp-pagenavi
				width:50%
				+sp()
					width:100%
		.result-list-box
			padding 40px 45px 40px 45px
			margin-top:40px
			background-color:#2B2B2B
			margin-bottom:40px
			+sp()
				padding 20px 25px 20px 25px

			article
				display:flex
				border-bottom: solid #fff 2px
				padding-bottom:30px 
				margin-bottom:40px
				+sp()
					display:block
				&:last-child
					margin-bottom:0
				.pic
					width:260px
					+sp()
						width:100%
						margin-bottom:10px
					img
						max-width:100%
						+sp()
							width:100%
				.text
					color:#fff
					font-size:14px
					padding-left:40px
					width:calc(100% - 260px)
					line-height:1.6
					+sp()
						width:100%
						padding-left:0px
				.result-title
					font-size:20px
					font-weight:bold
					color:#DDFF00
					margin-bottom:10px
				.result-date
					font-size:16px
					margin-bottom:10px
				.result-hall
					font-size:16px
					margin-bottom:15px
					font-weight:bold
				.result-name
					font-size:16px
					margin-bottom:15px	
				.result-text
					font-size:12px
				.sMore
					margin-top:10px
					text-align:right

#newsWrap,
#noticeWrap
	article
		position relative
		overflow hidden
		&:after
			position absolute
			right 0
			bottom 0px
			width 3px
			height 40px
			z-index 0
			content ''
			background #FFFF00
			m_trans(0.7s)
			transform translateY(40px)
			transition-delay 0.3s
		&.started
			&:after
				transform translateY(40px)
				m_trans(0.7s)
				transition-delay 0.3s
		&.ended
			
			&:after
				transform translateY(0)
				m_trans(0.7s)
				transition-delay 0.3s

#normal_wrap
	z-index 0
	position relative
	& a
		color #fff
		&:visited
			color #fff
			
	&:before
		background url(aurl +'index_bg.jpg') no-repeat
		background-position: center top 0px
		background-size 100%
		position fixed
		content ''
		display block
		width 100%
		height 100%
		top 0
		left 0
		z-index 0
		
		+sp()
			background url(aurl +'index_bg-smp.jpg') no-repeat
			background-position: center top 0px
			background-size 100%
	&:after
		position fixed
		width 100%
		height 100px
		bottom 0
		left 0
		z-index 1
		background url(aurl +'main.png') center bottom no-repeat
		background-size 100% 100%
		content ''
		+sp()
			display block	

	& h1
		m_font-rem(23)
		m_font-b()
		color #fff
		line-height 1.55
		border-bottom 4px #DDFF00 solid
		padding-bottom 12px
		display inline-block
		letter-spacing 0.6em
		position relative
		z-index 3
		margin-top 90px
		+sp()
			margin-top 50px!important
		& .last
			letter-spacing 0.1em
			
		+sp()
			padding 0 0 20px
			margin 0 4%
	& .faqBox
	& .howto
		margin 30px auto 0
		padding 50px 0 30px
		background #2B2B2B
		position relative
		z-index 2
		+sp()
			padding 30px 0 10px
		&.on
			//-
		& h2
			padding 0 25px 22px 25px
			m_font-b()
			m_font-rem(21)
			color #DDFF00
			position relative
			+sp()
				padding 0 15px 22px 15px
			& .faqAccordionBtn
				right 25px
				color #fff
				+sp()
					right 0px
					margin-top 15px
				
			& .faqAccordionBtn.on
				& span
					position relative
					m_trans(0.5s)
					&:before
						content 'CLOSE'
						letter-spacing 0.2em
						m_trans(0.5s)
						color #000
					
		& .faqAccordion
			background rgba(255,255,255,0.06)
			padding 30px 25px
			color #fff
			margin-top 18px
			+sp()
				padding 30px 15px

			& h3
				m_font-b()
				m_font-rem(16)
				color #fff
				position relative
				line-height 1.5
				padding-right 140px
				+sp()
					m_font-rem(18)
					padding-right 0px
			& dt
				display block
			& dd
				margin-top 25px
				display none
				+sp()
					margin-top 15px
			& p
				m_font-rem(12)
				color #fff
				line-height 2.25
				+sp()
					m_font-rem(15)
					line-height 1.5
	& .faqAccordionBtn
		position absolute
		right 0
		top -7px
		border 1px solid #fff
		m_radius(20px)
		padding 10px 50px 10px 30px 
		m_font-rem(10)
		m_trans(0.5s)
		+sp()
			position relative
			padding 10px 30px 10px 15px 
			top 0px
			margin-top 15px
		& span
			position relative
			line-height 1
			m_font-rem(10)
			&:before
				content 'OPEN'
				letter-spacing 0.2em
				m_font-rem(10)
				m_trans(0.5s)
			&:after
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 6px 3.5px 0 3.5px;
				border-color: #fff transparent transparent transparent;
				content ''
				position absolute
				top 50%
				right -25px
				margin-top -3px
				m_font-rem(10)
				m_trans(0.5s)
				+sp()
					right -15px
		&.on
			background #fff
			color #000
			m_trans(0.5s)
			& span
				position relative
				m_trans(0.5s)
				&:before
					content 'CLOSE'
					letter-spacing 0.2em
					m_trans(0.5s)
				&:after
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 0 3.5px 6px 3.5px;
					border-color: transparent transparent #000000 transparent;
					content ''
					m_trans(0.5s)
	& .readText
		m_font-rem(12)
		margin-top 25px
		padding 0 25px 
		color #fff
		+sp()
			margin-top 0px
			padding 0 15px
			m_font-rem(15)
	& .img-box
		padding 0 25px
		margin 32px auto 0
		+sp()
			margin 20px auto 0
			padding 0 15px 
		& img
			width 100%
	& .howtoDl
		& dt
			display block
		& dd
			display none
	& .hallList
		overflow hidden
		display flex
		flex-wrap wrap
		padding 0 25px
		+sp()
			padding 0 15px
		& li
			width 48.5%
			float left
			border-top #707070 dotted 1px
			+sp()
				width 100%
			&:nth-of-type(even)
				margin-left 3%
				+sp()
					margin-left 0%
			&:nth-of-type(1)
				border-top #707070 dotted 0px
			&:nth-of-type(2)
				border-top #707070 dotted 0px
				+sp()
					border-top #707070 dotted 1px
			& a
				text-decoration none
				color #fff
				m_font-rem(14)
				padding 20px 0 20px 20px
				display block
				background url(aurl + 'arrow.svg') left center no-repeat
				background-size 7px 12px
				line-height 1.2
				+sp()
					padding 12px 0 12px 17px
				& span
					background url(aurl + 'more_blank.svg') right center no-repeat
					background-size 14px 14px
					padding-right 25px
					line-height 1.5
					+sp()
						line-height 1.7
					
					
.img-box100
	padding 0 25px
	margin 32px auto 0
	+sp()
		margin 20px auto 0
		padding 0 15px 
	& img
		width 100%
.img-box90
	padding 0 25px
	margin 32px auto 0
	+sp()
		margin 20px auto 0
		padding 0 15px 
	& img
		width 90%
.img-box80
	padding 0 25px
	margin 32px auto 0
	+sp()
		margin 20px auto 0
		padding 0 15px 
	& img
		width 80%
.img-box70
	padding 0 25px
	margin 32px auto 0
	+sp()
		margin 20px auto 0
		padding 0 15px 
	& img
		width 70%
.img-box60
	padding 0 25px
	margin 32px auto 0
	+sp()
		margin 20px auto 0
		padding 0 15px 
	& img
		width 60%
.center
	text-align center