@charset "utf-8";
/* COMMON */
#fullWrap{
	min-width: 1200px;
	min-height: 620px;
	width: 100%;
	background: url(../img/common/common_bg.jpg) repeat;
	/*overflow: hidden;*/
	position: relative;
}
@media screen and (max-width: 768px){
	#fullWrap{
		min-width: 100%;
		min-height: auto;
		overflow: hidden;
	}
}

:root{
	--top_archive_link-color: #8b8989; /* TOP ARCHIVE LINK TEXT COLOR [Default:#000] */
}
/* LOADING */
#loading{
	position: fixed;
	width: 100%;
	top: 0;
	bottom: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
}
#loading_logo{
	width: 320px;
	height: 512px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	transition: 1s ease;
	opacity: 0;
}
#loading_logo.a1{
	opacity: 1;
}
#loading_logo.a2{
	filter:blur(0);
}

/* 重要なお知らせ */
#top__importantInfo{
	width: 100%;
	background: url(../img/top/top__importantInfo_bg.png) repeat;
	background-color: #000;
	padding: 20px 13.334%;
}
#top__importantInfoIn{
	display: flex;
	justify-content: center;
	align-items: center;
}
.top__importantInfo_title{
	width: 160px;
	height: 32px;
	background: url(../img/top/top__importantInfo_title_frame.svg) no-repeat center center / contain;
	font-size: 16px;
	line-height: 2;
	text-align: center;
	color: #d0a72d;
	font-weight: bold;
	margin-right: 40px;
}
.top__importantInfo_news{
	width: calc(100% - 200px);
}
.top__importantInfo_newsList{
	color: #fff;
	display: flex;
	font-size: 16px;
	margin-bottom: 6px;
}
.top__importantInfo_newsLists li:last-child{
	margin-bottom: 0;
}
.top__importantInfo_newsDate{
	padding-right: 40px;
	position: relative;
	font-family: 'Cinzel', serif;
}
.top__importantInfo_newsDate::after{
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	right: 16px;
	top: 8px;
	background: url(../img/top/top__importantInfo_newsDate_dot.svg) no-repeat center center / contain;
}
.top__importantInfo_newsTitle{
	color: #fff;
	text-decoration: none;
}
.top__importantInfo_newsTitle span{
	position: relative;
	background: linear-gradient(#fff, #000) right bottom/0 2px no-repeat;
	transition: background-size 0.25s ease;
}
.top__importantInfo_newsTitle:hover span{
	background-position: left bottom;
	background-size: 100% 2px;
}

@media screen and (max-width: 768px){
	#top__importantInfo{
		padding: 3.2% 21.334% 3.2% 6.4%;
		margin-top: 178px;
		margin-bottom: -170px;
		position: relative;
		z-index: 101;
	}
	#top__importantInfoIn{
		display: block;
	}
	.top__importantInfo_title{
		width: 266px;
		height: 50px;
		font-size: 2.4rem;
	}
	.top__importantInfo_news{
		width: 100%;
		padding-top: 3.6904%;
	}
	.top__importantInfo_newsList{
		font-size: 2.4rem;
	}
	.top__importantInfo_newsDate::after{
		width: 12px;
		height: 12px;
		top: 16px;
		right: 14px;
	}
}

/* SP : top__headLogo */
@media screen and (min-width: 767px){
	.sp_twi_accountlink{
		display: none;
	}
}
@media screen and (max-width: 767px){
	.sp_twi_accountlink{
		display: block;
		z-index: 101;
	}
	.sp_twi_accountlink a{
		display: flex;
		align-items: center;
		position: absolute;
		top: 40px;
		right: 144px;
		width: 200px;
		height: 64px;
		border: 2px solid #000;
		z-index: 101;
		background-color: #fff;
	}
	.sp_twi_accountlink a:before {
		content: '';
		position: absolute;
		top: 2px;
		right: 2px;
		bottom: 2px;
		left: 2px;
		border: 2px solid #000;
	}
	.sp_twi_accountlink a:after {
		content: '';
		position: absolute;
		top: 15px;
		left: 20px;
		bottom: 15px;
		width: 26px;
		margin: auto 0;
		background: url(../img/common/sns_tw_b.svg) no-repeat center center / contain;
	}
	.sp_twi_accountlink span{
		position: absolute;
		right: 20px;
		left: 66px;
		font-family: 'Cinzel', serif;
		font-size: 2.2rem;
		font-weight: 700;
		line-height: 12px;
	}
}

/* TOP HEADER */
#top__header{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	/*padding-top: 6.667%;*/
	/*padding-right: 6.667%;*/
}
#top__headfixed{
	width: 100%;
	min-width: 1200px;
	height: 100%;
	min-height: 620px;
/*	top: 0;
	top: 103.3px;
	left: 0;*/
	position: absolute;
	display: flex;
	bottom: 0;
	z-index: 2;
}
.top__headLogo{
	width: calc(43.334% - 200px);
	position: absolute;
	left: 200px;
	top: 0;
	bottom: 220px;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity .4s ease-in-out;
}
.top__headLogo.on{
	opacity: 1;
}
.top__headLogoIn{
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
@media screen and (max-width: 768px){
	#top__headfixed{
		position: relative!important;
		display: block;
		min-width: 100%;
		z-index: 100;
		padding-top: 170px;
	}
	#top__headMenu{
		display: none;
	}
	.top__headLogo{
		position: absolute;
		width: 278px;
		height: 130px;
		top: 24px;
		left: 48px;
	}
}
#top__headMenu{
	width: 200px;
	height: 100%;
	min-height: 640px;
	position: relative;
	padding-top: 40px;
	padding-left: 8px;
}
#top__headMenu:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 8px;
	background: url(../img/top/top__headMenu_leftbar.png) repeat;
}
#top__headMenu .top__head_menuTitle{
	display: block;
	font-family: 'Cinzel', serif;
	font-size: 12px;
	line-height: 12px;
	font-weight: 700;
	padding-left: 16px;
}
#top__headMenu .common__menuLists{
	padding-top: 16px;
	/*padding-left: 30px;*/
}
#top__headMenu .common__menuList{
	margin-bottom: 35px;
	line-height: 14px;
}
#top__headMenu .common__menuList a span.common__menuList_link_a{
	padding-left: 30px;
	padding-right: 10px;
	background: linear-gradient(#fff, #d0a72d) right center/0 2px no-repeat;
	transition: background-size 0.25s ease;
}
#top__headMenu .common__menuList a:hover span.common__menuList_link_a{
	background-position: left center;
	background-size: 100% 2px;
}
#top__headMenu .common__menuList_link .is-active{
	background-position: left center!important;
	background-size: 100% 2px!important;
	color: #d0a72d;
}

#top__headMenu .common__menuList:last-child{
	margin-bottom: 0;
}
#top__headMenu .menu_stage .common__menuList_subListsTitle{
	width: 256px;
	padding-top: 56px;
	padding-left: 24px;
	line-height: 1;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
}
#top__headMenu .menu_stage .common__menuList_subListsWrap{
	width: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 200px;
	z-index: 100;
	background-color: rgba(0,0,0,.8);
	transition: .2s ease;
	color: #fff;
	overflow: hidden;
}
#top__headMenu .common__menuList_subListsWrapIn{
	position: absolute;
}
#top__headMenu .menu_stage .common__menuList_subLists{
	position: absolute;
	width: 256px;
	top: 118px;
	padding-left: 30px;
}
#top__headMenu .menu_stage .common__menuList_subLists .common__menuList_subList{
	margin-bottom: 35px;
	line-height: 14px;
}
#top__headMenu .menu_stage .common__menuList_subLists .common__menuList_subList:last-child{
	margin-bottom: 0px;
}
#top__headMenu .menu_stage .common__menuList_subLists .common__menuList_subList a{
	color: #fff;
}
#top__headMenu .menu_stage:hover .common__menuList_subListsWrap{
	width: 256px;
	opacity: 1;
}



#top__headMenu .common__shareLists{
	position: absolute;
	width: 192px;
	bottom: 72px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#top__headMenu .common__shareLists dt{
	width: 100%;
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
	padding-left: 16px;
	padding-bottom: 20px;
	font-family: 'Cinzel', serif;
}
.shareLists__item{
	padding: 0 12px;
}
.share_twi{
	padding-left: 32px;
}
.share_twi a{
	display: block;
	width: 20px;
	height: 18px;
	background: url(../img/common/sns_tw_b.svg) no-repeat center center / contain;
}
.share_fb a{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../img/common/sns_fb_b.svg) no-repeat center center / contain;
}
.share_li a{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../img/common/sns_line_b.svg) no-repeat center center / contain;
}
@media screen and (min-width: 768px){
	#top__head_stageInfoWrap{
		min-width: 320px;
		width: calc(43.334% - 200px);
		position: relative;
		display: flex;
		align-items: flex-end;
	}
	.top__head_stageInfo{
		width: 100%;
		padding-bottom: 40px;
	}
	.top__head_stageInfo_List{
		padding-bottom: 32px;
	}
	.top__head_stageInfo_List a{
		display: block;
		text-align: center;
		text-decoration: none;
		position: relative;
	}
	.top__head_stageInfo_List--link span{
		position: relative;
		font-size: 16px;
		line-height: 32px;
		font-weight: 700;
		background: linear-gradient(#fff, #000) right bottom/0 2px no-repeat;
		transition: background-size 0.25s ease;
	}
	.top__head_stageInfo_List--link:hover span{
		background-position: left bottom;
		background-size: 100% 2px;
	}
	.top__head_stageInfo_List a.top__head_stageInfo_List--link::after{
		content: '';
		width: 24px;
		height: 6px;
		position: absolute;
		bottom: 8px;
		right: 30px;
		background: url(../img/common/common_moreBtn.svg) no-repeat center center / contain;
		transition: .2s ease;
	}
	.top__head_stageInfo_List a.top__head_stageInfo_List--link:hover::after{
		right: 20px;
	}
}
.top__head_stageInfo_barWrap,
.top__head_stageMV_barWrap{
	width: 100%;
	margin-bottom: 40px;
	position: relative;
}
.top__head_stageInfo_bar,
.top__head_stageMV_bar{
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,.2);
}
.top__head_stageInfo_bar div,
.top__head_stageMV_bar div{
	width: 0;
	height: 1px;
	background-color: #000;
}
.top__head_stageInfo__pagination,
.top__head_stageMV_bar__pagination{
	display: flex;
	justify-content: center;
	position: absolute;
	top: -6px;
	width: 100%;
}
.top__head_stageInfo__pagination span,
.top__head_stageMV_bar__pagination span{
	width: 12px;
	height: 12px;
	transform: rotate(45deg);
	border-radius: 0;
	opacity: 1;
	margin: 0 12px;
}
.top__head_stageInfo__pagination span.swiper-pagination-bullet,
.top__head_stageMV_bar__pagination span.swiper-pagination-bullet{
	cursor: pointer;
	background-color: #cccccc;
}
.top__head_stageInfo__pagination span.swiper-pagination-bullet-active,
.top__head_stageMV_bar__pagination span.swiper-pagination-bullet-active{
	background-color: #d0a72d;
}
@media screen and (min-width: 768px){
	#top__head_stageMVWrap{
		display: none;
		opacity: 0;
	}
}

@media screen and (max-width: 768px){
	#top__headBG{
		height: 760px;
	}
	#top__head_stageInfoWrap{
		display: none;
	}
	#top__head_stageMVWrap{
		width: 750px;
		display: block;
		position: relative;
	}
	.top__head_stageMV{
		width: 100%;
		padding-bottom: 10px;
	}
	.top__head_stageMVLists{
		width: 100%;
	}
	.top__head_stageMVList{
		width: 558px;
		margin: 0 24px;
	}
	.top__head_stageMVList a{
		display: block;
		width: 100%;
		text-decoration: none;
		opacity: 0;
		transition: .4s ease-in-out;
	}
	.top__head_stageMVList.on a{
		opacity: 1;
	}
	.top__head_stageMVList a img{
		width: 100%;
	}
	.top__head_stageMVList_txt{
		width: 100%;
		padding-top: 48px;
		text-align: center;
	}
	.top__head_stageMVList_date{
		display: block;
		text-align: center;
		margin-bottom: 40px;
	}
	.top__head_stageMVList_date span{
		display: inline-block;
		background-color: #000;
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1;
		color: #fff;
		padding: 0 4px;
	}
	.top__head_stageMVList_ttl{
		display: inline-block;
		font-size: 2.4rem;;
		font-weight: 700;
		position: relative;
		padding: 0 68px;
	}
	.top__head_stageMVList_ttl::after{
		content: '';
		width: 48px;
		height: 12px;
		position: absolute;
		bottom: 6px;
		right: 0;
		background: url(../img/common/common_moreBtn.svg) no-repeat center center / contain;
	}
	.top__head_stageMV_barWrap{
		margin-top: 48px;
		margin-bottom: 0;
	}
}

#top__head_toCont{
	width: 6.667%;
	padding-top: 13.334%;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: flex;
	justify-content: center;
}

#top__headBG{
	width: 50%;
	height: 100%;
	position: absolute;
	padding-bottom: 6.667%;
	top: 0;
	right: 0;
}
.top__headBGIn{
	width: 100%;
	height: 100%;
}

.top__headMVListsWrap{
	width: 56.667%;
	position: relative;
	padding-top: 6.667%;
	padding-right: 6.667%;
	margin-left: auto;
	opacity: 1;
}
.top__headMVLists{
	padding-top: 140%;
	position: relative;
	z-index: 2;
}
.top__headMVList{
	opacity: 0;
	transition: 0.2s;
	position: absolute;
	width: 100%;
	padding-top: 140%;
	top: 0;
	z-index: 1;
	opacity: 0;
}
.top__headMVList.is-active{
	opacity: 1;
	z-index: 2;
}
.top__headMV{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: block;
	width: 100%;
	padding-top: 140%;
	position: absolute;
	top: 0;
	transition: .4s ease-in-out;
	opacity: 0;
}
.top__headMV.on{
	opacity: 1;
}
.top__headMVList_txtWrap{
	position: absolute;
	top: -9.524%;
	width: 100%;
	padding-top: 13.334%;
}
.top__headMVList_txt{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #000;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	padding: 0 4px;
}
/*#top_mv1 .top__headMV{
	background: url(../img/top/top__mv01.jpg) no-repeat center center / cover;
}
#top_mv2 .top__headMV{
	background: blue;
}*/

@media screen and (max-width: 768px){
	#top__headBG{
		height: 760px;
	}
	#top__head_toCont{
		display: none;
	}
}

@media screen and (min-width: 768px){
	#top__header{
		width: 100%;
		padding-top: 76.667%;
		min-height: 920px;
		position: relative;
		/*height: 76.667vw;*/
	}
	#top__headfixed{
		position: sticky;
		top: 0;
		/*height: 100vh;*/
		min-height: 620px;
	}
	.top__headMVListsWrap{
		position: absolute;
		right: 0;
		top: 0;
	}
	#stickyWrap{
		width: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
	}
}

/* Banner Lists */
#banner{
	padding: 40px 0 64px;
	background: url(../img/top/top__importantInfo_bg.png) repeat;
	background-color: #000;
	position: relative;
}
.top__bannerListsWrap{
	width: 100%;
}
.top__bannerList{
	width: 320px;
	height: 120px;
	margin: 0 20px;
}
.top__bannerList a{
	display: block;
	width: 100%;
	height: 100%;
}
.swiper_barWrap {
	width: 100%;
	position: absolute;
}
#banner .swiper_barWrap{
	bottom: 31px;
}
.swiper-bar{
	width: 100%;
	position: absolute;
}
#banner .swiper-bar{
	top: 0;
	background-color: rgba(255,255,255,.4);
}
#banner .swiper-bar div{
	width: 0;
	height: 1px;
	background-color: #fff;
}
.swiper-pagination_inbar{
	width: 100%;
	display: flex;
	justify-content: center;
	position: absolute;
}
#banner .swiper-pagination_inbar{
	top: -6px;
}
.swiper-pagination_inbar span{
	width: 12px;
	height: 12px;
	transform: rotate(45deg);
	border-radius: 0;
	opacity: 1;
	margin: 0 12px;
}
.swiper-pagination_inbar span.swiper-pagination-bullet{
	cursor: pointer;
	background-color: #cccccc;
}
.swiper-pagination_inbar span.swiper-pagination-bullet-active{
	background-color: #d0a72d;
}

@media screen and (max-width: 768px){
	#banner{
		display: block;
		position: relative;
		margin-top: 100px;
	}
	.top__bannerList{
		width: 558px;
		height: auto;
	}
	.top__bannerList img{
		width: 100%;
	}
}


/* TOP CONTENTS */
#top_contents{
	position: relative;
	padding-top: 88px;
}

/* Contents MENU */
#top__contentsMenuWrap{
	width: 100%;
	min-width: 1200px;
	padding: 24px 2% 0;
	position: absolute;
	top: 0;
	z-index: 1000;
	opacity: 0;
	transition: opacity .3s ease-in-out;
}
#top__contentsMenuIn{
	width: 100%;
	padding: 4px;
	position: relative;
	background-color: rgba(255,255,255,.8);
	backdrop-filter: blur(4px);
}
@media screen and (min-width: 768px){
	.top__contents_frame{
		position: absolute;
		top: 4px;
		right: 4px;
		bottom: 4px;
		left: 4px;
		background: url(../img/common/menu_frame/common_menu_frame_left_top.png),url(../img/common/menu_frame/common_menu_frame_left_bottom.png),url(../img/common/menu_frame/common_menu_frame_right_top.png),url(../img/common/menu_frame/common_menu_frame_right_bottom.png);
		background-position: left top,left bottom,right top,right bottom;
		background-size: 8px 8px;
		background-repeat: no-repeat;
	}
	.top__contents_frame .top__contents_frame_tb{
		position: absolute;
		top: 0;
		right: 8px;
		bottom: 0;
		left: 8px;
		background: url(../img/common/menu_frame/common_menu_frame_top_line.png),url(../img/common/menu_frame/common_menu_frame_bottom_line.png);
		background-position: center top, center bottom;
		background-size: 1px 8px;
		background-repeat: repeat-x;
	}
	.top__contents_frame_rl{
		position: absolute;
		top: 8px;
		right: 0;
		bottom: 8px;
		left: 0;
		background: url(../img/common/menu_frame/common_menu_frame_right_line.png),url(../img/common/menu_frame/common_menu_frame_left_line.png);
		background-position: right center, left center;
		background-size: 8px 1px;
		background-repeat: repeat-y;
	}
}
#top__contentsMenuIn .common__menuWrap{
	padding: 12px 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#top__contentsMenuWrap .common__menuLists{
	display: flex;
}
#top__contentsMenuWrap .common__menuList{
	height: 54px;
	margin-right: 8px;
}
#top__contentsMenuWrap .common__menuList:last-child{
	margin-right: 0;
}
#top__contentsMenuWrap .common__menuList_link{
	line-height: 54px;
}
#top__contentsMenuWrap .common__menuList_link_a{
	padding: 0 8px;
	position: relative;
	background: linear-gradient(#fff, #d0a72d) right center/0 2px no-repeat;
	transition: background-size 0.25s ease;
}
.common__menuList_link_a.twiIcon,
#MenuWrap .common__menuList_link_a.twiIcon{
	padding-right: 32px!important;
}
.common__menuList_link_a.twiIcon:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 20px;
	height: 18px;
	background: url(../img/common/sns_tw_b.svg) no-repeat center center / contain;
	margin: auto 0;
}
#top__contentsMenuWrap .common__menuList a:hover .common__menuList_link_a,
#top__contentsMenuWrap .common__menuList .common__menuList_link_a.is-active{
	background-position: left center;
	background-size: 100% 2px;
}

#top__contentsMenuWrap .common__menuList_subListsWrap{
	position: absolute;
	left: -2.0834%;
	right: -2.0834%;
	height: 0px;
	top: 58px;
	background-color: rgba(0,0,0,.8);
	padding: 0 3.4723%;
	transition: .2s ease-in-out;
	overflow: hidden;
	z-index: 100;
}
@media screen and (min-width: 768px){
	#top__contentsMenuWrap .menu_stage:hover .common__menuList_subListsWrap{
		height: 72px;
		opacity: 1;
	}
	.common__menuList_subListsWrapIn{
		height: 72px;
		display: flex;
		align-items: center;
	}
}
#top__contentsMenuWrap .common__menuList_subLists{
	display: flex;
}
#top__contentsMenuWrap .common__menuList_subList{
	margin-right: 8px;
}
#top__contentsMenuWrap .common__menuList_subList:last-child{
	margin-right: 0;
}
#top__contentsMenuWrap .common__menuList_subListsTitle{
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	padding-right: 32px;
}
#top__contentsMenuWrap .common__menuList_subList a{
	color: #fff;
}
#top__contentsMenuWrap .common__shareLists{
	display: flex;
	align-items: center;
	position: relative;
	z-index: 2;
	flex-shrink: 0;
}
#top__contentsMenuWrap .common__shareLists dt{
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	font-family: 'Cinzel', serif;
}

@media screen and (max-width: 768px){
	#top__contentsMenuWrap{
		opacity: 1;
	}
	.sp_menuBtn{
		position: fixed;
		top: 24px;
		right: 24px;
		width: 96px;
		height: 96px;
		z-index: 1000;
		background-color: #fff;
		border: 2px solid #000;
		z-index: 10001;
	}
	.sp_menuBtn:before{
		content: '';
		position: absolute;
		top: 2px;
		right: 2px;
		bottom: 2px;
		left: 2px;
		border: 2px solid #000;
	}
	.sp_menuBtn div{
		position: absolute;
		top: 15px;
		right: 20px;
		left: 20px;
		height: 30px;
	}
	.sp_menuBtn div:before{
		content: '';
		height: 4px;
		position: absolute;
		top: 6px;
		right: 0;
		left: 0;
		background-color: #000;
		transition: .3s ease;
	}
	.sp_menuBtn div:after{
		content: '';
		height: 4px;
		position: absolute;
		bottom: 6px;
		right: 0;
		left: 0;
		background-color: #000;
		transition: .3s ease;
	}
	.sp_menuBtn.active div:before{
		top: 13px;
		transform: rotate(30deg);
	}
	.sp_menuBtn.active div:after{
		bottom: 13px;
		transform: rotate(-30deg);
	}
	.sp_menuBtn span{
		position: absolute;
		right: 0;
		bottom: 20px;
		left: 0;
		width: 100%;
		height: 12px;
		text-align: center;
	}
	.sp_menuBtn span:before{
		content: 'MENU';
		font-size: 2rem;
		line-height: 12px;
		font-family: 'Cinzel', serif;
		font-weight: 700;
		transition: .3s ease;
	}
	.sp_menuBtn.active span:before{
		content: 'CLOSE';
	}
	#top__contentsMenuWrap{
		position: fixed;
		top: 0;
		height: 0;
		min-width: 100%;
		padding:0;
	}
	#top__contentsMenuIn{
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 0;
		overflow: auto;
		z-index: 10000;
		backdrop-filter:none;
		padding: 0;
		background: url(../img/common/common_bg.jpg) repeat;
		transition: .3s ease-in-out;
	}
	#top__contentsMenuIn .common__menuWrap{
		display: block!important;
		width: 100%;
		text-align: center;
		position: absolute;
		top: 0;
		z-index: 9999;
		padding: 216px 0 140px;
	}
	.common__menuWrap .spLogo{
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		position: absolute;
		top: 24px;
		left: 48px;
	}
	.top__head_menuTitle{
		display: block!important;
		font-family: 'Cinzel', serif;
		font-size: 2.4rem;
		font-weight: 700;
		color: rgba(0,0,0,.6);
		line-height: 20px;
		margin-bottom: 32px;
	}
	.common__menuLists{
		display: block!important;
	}
	.common__menuList{
		height: auto!important;
		margin-right: 0!important;
	}
	.common__menuList_link{
		line-height: 96px!important;
		font-size: 3.2rem;
	}
	.menu_stage{
		position: relative;
	}
	.submenuBtn{
		position: absolute;
		width: 48px;
		height: 48px;
		top: 24px;
		right: 48px;
		border: 1px solid #000;
		border-radius: 50%;
	}
	.submenuBtn:before{
		content: '';
		position: absolute;
		width: 24px;
		height: 1px;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		background-color: #000;
	}
	.submenuBtn:after{
		content: '';
		position: absolute;
		width: 1px;
		height: 24px;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		background-color: #000;
		transition: .3s ease;
		opacity: 1;
	}
	.submenuBtn_ac.active .submenuBtn:after{
		transform: translate(-50%,-70%);
		opacity: 0;
	}
	#top__contentsMenuWrap .common__menuList_subListsWrap{
		height: 0;
		display: block;
		position: relative;
		top: 0;
		right: 0;
		left: 0;
	}
	.common__menuList_subListsWrapIn{
		display: block;
		padding-top: 60px;
		padding-bottom: 40px;
	}
	#top__contentsMenuWrap .common__menuList_subListsTitle{
		font-size: 3.2rem;
		line-height: 1;
		margin-bottom: 38px;
		padding-right: 0;
	}
	#top__contentsMenuWrap .common__menuList_subLists{
		display: block;
	}
	#top__contentsMenuWrap .common__menuList_subList{
		margin-right: 0;
	}
	.common__menuList_subList a{
		font-size: 3.2rem;
		line-height: 96px;
		text-align: center;
	}
	#top__contentsMenuWrap .common__shareLists{
		justify-content: center;
		flex-wrap: wrap;
		padding-top: 100px;
	}
	#top__contentsMenuWrap .common__shareLists dt{
		width: 100%;
		text-align: center;
		font-size: 2.4rem;
		line-height: 2rem;
		margin-bottom: 50px;
		color: rgba(0,0,0,.6);
	}
	.shareLists__item{
		padding: 0 24px;
	}
	.share_twi{
		padding-left: 24px;
	}
	.share_twi a{
		width: 42px;
		height: 34px;
	}
	.share_fb a{
		width: 40px;
		height: 40px;
	}
	.share_li a{
		width: 40px;
		height: 40px;
	}
}


/* TOP CONTENTS COMMON */
.top__h2{
	width: 100%;
	height: 80px;
	display: block;
	margin: 0 auto;
	position: relative;
}
.top__h2:before{
	content: '';
	height: 1px;
	width: 112px;
	background-color: rgba(0,0,0,.4);
	transform: rotate(-45deg);
	position: absolute;
	top: calc(50% + 1px);
	left: calc(50% - 56px);
}
.top__h2_en{
	width: calc(50% - 16px);
	font-size: 32px;
	line-height: 28px;
	font-weight: 700;
	font-family: 'Cinzel', serif;
	color: #d0a72d;
	position: absolute;
	top: 8px;
	left: 0;
	text-align: right;
}
.top__h2_ja{
	width: calc(50% - 16px);
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
	height: 16px;
	color: #000;
	position: absolute;
	bottom: 8px;
	right: 0;
}
.top__more{
	padding-top: 40px;
	text-align: right;
}
.moreBtn{
	font-size: 16px;
	line-height: 14px;
	font-weight: 700;
	font-family: 'Cinzel', serif;
	padding-right: 40px;
	position: relative;
	text-decoration: none;
}
.moreBtn:after{
	content: '';
	width: 24px;
	height: 6px;
	position: absolute;
	bottom: 6px;
	right: 6px;
	background: url(../img/common/common_moreBtn.svg) no-repeat center center / contain;
	transition: .2s ease;
}
.moreBtn:hover::after{
	right: 0;
}

@media screen and (max-width: 768px){
	.top__h2{
		height: 134px;
	}
	.top__h2:before{
		width: 190px;
		left: calc(50% - 95px);
	}
	.top__h2_en{
		width: calc(50% - 24px);
		font-size: 4rem;
		line-height: 36px;
		top: 16px;
	}
	.top__h2_ja{
		width: calc(50% - 24px);
		font-size: 2.8rem;
		line-height: 1;
		height: 28px;
		color: #000;
		bottom: 16px;
	}
	.moreBtn{
		font-size: 2.4rem;
		line-height: 20px;
		padding-right: 72px;
	}
	.moreBtn:after{
		width: 48px;
		height: 12px;
		bottom: 12px;
		right: 0px;
	}
}


/* TOP NEWS&MOVIE */
#top_contents_news-movieWrap{
	width: 100%;
	padding: 72px 6.667% 0;
	display: flex;
	justify-content: space-between;
	position: relative;
}
#top_contents_news-movieWrap:after{
	content: '';
	position: absolute;
	width: 1px;
	background-color: rgba(0,0,0,.2);
	top: 74px;
	bottom: 0;
	left: 50%;
	transform: translateX(50%);
}
#top__news{
	width: 42.308%;
}
.newsLists{
	width: 100%;
}
#top__news .newsLists{
	padding-top: 8px;
}
.newsList{
	position: relative;
}
.newsList:after{
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 1px;
	background-color: rgba(0,0,0,.2);
}
.newsList a{
	padding: 40px 0;
	display: flex;
	font-size: 16px;
	text-decoration: none;
	position: relative;
}
#top__news .newsList a{
	line-height: 16px;
}
.newsList .newsList__date{
	min-width: 140px;
	padding-right: 40px;
	position: relative;
	font-family: 'Cinzel', serif;
}
.newsList__date:after {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	right: 16px;
	top: 10px;
	fill:#000;
	background: url(../img/common/common__newsDate_dot.svg) no-repeat center center / contain;
}
#top__news .newsList__date:after{
	top: 4px;
}
@media screen and (min-width: 768px){
	#top__news .newsList__ttl{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.newsList a .newsList__ttl{
		color: #000;
		position: relative;
		background: linear-gradient(#fff, #d0a72d) right bottom/0 2px no-repeat;
		transition: background-size 0.25s ease,color 0.25s ease;
	}
	.newsList a:hover .newsList__ttl{
		background-position: left bottom;
		background-size: 100% 2px;
	}
}
.newsList a:hover .newsList__ttl{
	color: #d0a72d;
}

@media screen and (max-width: 768px){
	#top_contents_news-movieWrap{
		padding: 0 48px 0;
		display: block;
		width: 100%;
	}
	#top_contents_news-movieWrap:after{
		content: none;
	}
	#top__news{
		width: 100%;
	}
	#top__news .newsLists{
		padding-top: 0px;
	}
	.newsList a{
		font-size: 2.4rem;
	}
	#top__news .newsList a{
		line-height: 1.8;
	}
	.newsList .newsList__date{
		min-width: 180px;
		padding-right: 50px;
	}
	.newsList__date:after {
		content: '';
		width: 12px;
		height: 12px;
		position: absolute;
		right: 20px;
		top: 16px;
	}
	#top__news .newsList__date:after{
		top: 16px;
	}
	.newsList a:hover .newsList__ttl{
		background: no-repeat;
	}
}


#top__movie{
	width: 42.308%;
}
@media screen and (min-width: 768px){
	.top_movieIn a{
		display: block;
		width: 440px;
		height: 248px;
		margin: 0 auto;
	}
}
.youtubePlay{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.youtubePlay:before{
	content: '';
	width: 47px;
	height: 33px;
	background: url(../img/common/yt_play_arrow.svg) no-repeat center center / contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: .2s ease;
}
.yt_svg svg{
	fill: transparent;
	stroke: rgba(255,255,255,0.4);
	stroke-width: 1;
}
.yt_svg_h{
	position: absolute;
	top: 0;
	left: 0;
}
.yt_svg_h svg{
	transform: rotate(-90deg);
}
.yt_svg_h svg circle{
	fill: transparent;
	stroke: rgba(255,255,255,0);
	stroke-width: 1;
	/*animation: pCircle-out .8s ease;*/
}
.js-youtubeThumb:hover .yt_svg_h svg circle{
	animation: pCircle .8s ease;
	stroke: #fff;
}
.js-youtubeThumb:hover .youtubePlay::before{
	left: 55%;
}
@keyframes pCircle {
	0% {
		stroke-dasharray: 0 251.2; /*-- 円の直径(80)x3.14 --*/
	}
	26% {
		stroke-dasharray: 0 201;
	}
	100% {
		stroke-dasharray: 251.2 251.2;
	}
}
@keyframes pCircle-out {
	0% {
		stroke-dasharray: 251.2 251.2; /*-- 円の直径(80)x3.14 --*/
	}
	26% {
		stroke-dasharray: 251.2 251.2;
	}
	100% {
		stroke-dasharray: 0 251.2;
	}
}

.top_movieIn .js-youtubeThumbIn{
	display: block;
	width: 440px;
	height: 248px;
	margin: 48px auto 0;
	position: relative;
	background-position: center;
	background-size: cover;
}
.top_movieIn .js-youtubeThumbIn:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.4);
}
.top_movieIn .js-youtubeThumbIn:after{
	content: '';
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: 4px;
	left: 4px;
	background: url(../img/common/yt_thumb_frame.svg) no-repeat center center / contain;
}

@media screen and (max-width: 768px){
	#top__movie{
		width: 100%;
		padding-top: 72px;
	}
	.youtubePlay{
		width: 120px;
		height: 120px;
		border: 1px solid rgba(255,255,255,.4);
		border-radius: 50%;
	}
	.youtubePlay:before{
		content: '';
		width: 70px;
		height: 50px;
	}
	.yt_svg svg{
		display: none;
	}
	.yt_svg_h{
		display: none;
	}
	.top_movieIn .js-youtubeThumbIn{
		width: 558px;
		height: 314px;
	}
	.top_movieIn .js-youtubeThumbIn:after{
		top: 4px;
		right: 4px;
		bottom: 4px;
		left: 4px;
	}
}

/* TOP ARCHIVE */
#top__archive{
	padding-top: 160px;
}
#top__archiveIn{
	padding-top: 200px;
	position: relative;
}
#top__archiveIn .top__h2{
	position: absolute;
	width: 50%;
	top: 72px;
	left: 0;
}
.top__archive_swiper{
	position: relative;
}
.top__archiveLists{
	/*padding-bottom: 32px;*/
}
.top__archiveList{
	width: 360px;
	padding: 0 20px;
}
.top__archiveList:nth-of-type(1){
	margin-left: 40px;
}
.top__archiveList a{
	display: block;
	width: 100%;
	text-decoration: none;
	color: var(--top_archive_link-color);
}
.top__archiveList_name{
	display: block;
	padding-top: 16px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 2;
	text-decoration: none;
}
.top__archive_swiperIn{
	position: relative;
	margin-top: 32px;
	padding-bottom: 6px;
}
.top__archive_swiperIn .swiper-scrollbar{
	width: 100%;
	height: 2px;
	background: rgba(0,0,0,.2);
}
.top__archive_swiperIn .swiper-scrollbar-drag{
	background: #000;
}
.top__archive_swiperIn .swiper-pagination{
	width: 100%;
	display: flex;
	justify-content: center;
	position: absolute;
	top: -6px;
}
.top__archive_swiperIn .swiper-pagination span {
	width: 12px;
	height: 12px;
	transform: rotate(45deg);
	border-radius: 0;
	opacity: 1;
	margin: 0 12px;
}
.top__archive_swiperIn .swiper-pagination-clickable .swiper-pagination-bullet{
	background-color: #cccccc;
}
.top__archive_swiperIn .swiper-pagination-bullet-active {
	background-color: #d0a72d!important;
}
#top__archiveBG{
	width: 50%;
	height: 424px;
	position: absolute;
	top: 0;
	right: 0;
}
#top__archive_more{
	position: absolute;
	top: 120px;
	right: 6.667%;
}

@media screen and (max-width: 768px){
	#top__archive{
		padding-top: 96px;
	}
	#top__archiveIn{
		padding-top: 256px;
	}
	#top__archiveIn .top__h2{
		position: absolute;
		width: 100%;
		top: 72px;
		left: 0;
		z-index: 5;
	}
	.top__archiveList{
		width: 462px;
		padding: 0 24px;
	}
	.top__archiveList:nth-of-type(1){
		margin-left: 24px;
	}
	.top__archiveList img{
		width: 100%;
	}
	.top__archiveList_name{
		display: block;
		padding-top: 36px;
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 2;
	}
	.top__archive_swiperIn{
		position: relative;
		margin-top: 36px;
	}
	#top__archiveBG{
		height: 712px;
	}
}

/* TOP TWITTER */
#top__twitter{
	width: 100%;
	margin-top: 160px;
	background: url(../img/top/top__importantInfo_bg.png) repeat;
	background-color: #000;
	padding: 80px 6.667% 80px;
	display: flex;
	justify-content: space-between;
	position: relative;
}
#top__twitter:after{
	content: '';
	position: absolute;
	width: 1px;
	background-color: rgba(255,255,255,.2);
	top: 80px;
	bottom: 80px;
	left: 50%;
	transform: translateX(50%);
}
#top__twitter .top__h2:before{
	background-color: rgba(255,255,255,.4);
}
#top__twitter .top__h2 .top__h2_ja{
	color: #fff;
}
#top__oficial_twitter{
	width: 42.308%;
}
#top__goods_twitter{
	width: 42.308%;
}
#top__twitter .twitterIn{
	margin-top: 48px;
	width: 100%;
	height: 300px;
	border: 1px solid rgba(255,255,255,.2);
}


@media screen and (max-width: 768px){
	#top__twitter{
		margin-top: 108px;
		padding: 72px 96px;
		display: block;
	}
	#top__twitter:after{
		content: unset;
	}
	#top__oficial_twitter{
		width: 100%;
	}
	#top__goods_twitter{
		padding-top: 72px;
		width: 100%;
	}
	#top__twitter .twitterIn{
		height: 480px;
	}
}

/* foot Banner */
#foot_banner{
	width: 100%;
	padding-top: 160px;
	padding-bottom: 136px;
	margin: 0 auto;
	position: relative;
}
.foot_bannerLists{
	width: 1040px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.foot_bannerList{
	width: 242px;
	height: 90px;
	margin: 0 24px 24px 0;
}
.foot_bannerList:nth-of-type(4n){
	margin-right: 0;
}
.foot_bannerList a{
	display: block;
	transition: .2s ease;
}
.foot_bannerList a:hover{
	opacity: 0.7;
}
.foot_bannerList img{
	width: 100%;
}

.top__sns_shareListsWrap{
	margin-top: 64px;
}
.top__sns_shareLists{
	display: flex;
	justify-content: center;
	align-items: center;
}
.top__sns_shareLists dt{
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	font-family: 'Cinzel', serif;
}

@media screen and (max-width: 768px){
	#foot_banner{
		width: 100%;
		padding-top: 96px;
		padding-bottom: 214px;
		margin: 0 auto;
		position: relative;
	}
	.foot_bannerLists{
		width: 654px;
	}
	.foot_bannerList{
		width: 315px;
		height: 118px;
		margin: 0 24px 26px 0;
	}
	.foot_bannerList:nth-of-type(2n){
		margin-right: 0;
	}
	.top__sns_shareListsWrap{
		margin-top: 96px;
	}
	.top__sns_shareLists{
		flex-wrap: wrap;
	}
	.top__sns_shareLists dt{
		width: 100%;
		text-align: center;
		font-size: 2.4rem;
		color: rgba(0,0,0,.6);
		margin-bottom: 50px;
	}
}

/** TO TOP SCROLL **/
.toTop{
	position: absolute;
}