@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,th,td,pre,code,blockquote,form,fieldset,legend,input,textarea,figcaption,figure{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#FFF}hr{display:none}img{vertical-align:bottom}select,input,button,textarea{font-size:99%}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}.hd{display:block;width:0;height:0;overflow:hidden}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section,main{display:block}*{margin:0;padding:0;box-sizing:border-box;max-height:999999px;outline:none}*:focus{outline:none}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0}
@font-face{
	font-family:"Yu Gothic";
	src:local("Yu Gothic Medium");
	font-weight:100;
}
@font-face{
	font-family:"Yu Gothic";
	src:local("Yu Gothic Medium");
	font-weight:200;
}
@font-face{
	font-family:"Yu Gothic";
	src:local("Yu Gothic Medium");
	font-weight:300;
}
@font-face{
	font-family:"Yu Gothic";
	src:local("Yu Gothic Medium");
	font-weight:400;
}
@font-face{
	font-family:"Yu Gothic";
	src:local("Yu Gothic Bold");
	font-weight:bold;
}
body{
	-webkit-text-size-adjust:100%;
	background-color:#fff;
	color:#000;
	font-family:'Roboto',"Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-feature-settings:"palt";
	font-size:14px;
	font-weight:500;
	letter-spacing:0.07em;
	line-height:1.8;
	word-wrap:break-word;
}
::-webkit-scrollbar{
	width:6px;
	height:6px;
	background:#ddd;
}
::-webkit-scrollbar-thumb{
	background:rgba(0,0,0,1);
}
a{ color:#222; }
a:hover{ text-decoration:none; }
.ah{ transition:opacity .3s ease; }
.ah:hover{ opacity:.7; }
::selection{
	background:#000;
	color:#fff;
}
::-moz-selection{
	background:#000;
	color:#fff;
}
@media screen and (max-width:767px){
	html{
		font-size:62.5%;
	}
	body{
		font-size:10px;
		font-size:1rem;
	}
	.pc{ display:none; }
	.ah:hover{ opacity:1; }
}
@media screen and (min-width:768px){
	.sp{ display:none; }
}
.font-jost{
	font-family:'Jost', sans-serif;
}
.contentWrap{
	width:100%;
}
#mWrap{
	display:none;
}
@media screen and (min-width:768px){
	#fullWrap{
		display:flex;
	}
	#contWrap{
		width:750px;
		position:relative;
		z-index:100;
		order:1;
		overflow:hidden;
	}
	#mWrap{
		width:calc(100% - 750px);
		background:#000;
		display:block;
	}
	.mWrap__inner{
		position:sticky;
		left:0;
		top:0;
		width:100%;
		height:100vh;
		overflow:hidden;
	}
	.mWrap__inner:after{
		content:'';
		position:absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;
		background:url(../img/common/m_mask.png);
	}
	.mWrap__logo{
		width:260px;
		position:absolute;
		left:50%;
		top:35px;
		margin-left:-130px;
		z-index:50;
	}
	.mWrap__logo img{
		width:100%;
		height:auto;
		image-rendering:-webkit-optimize-contrast;
		display:block;
	}
	.mWrap__startdate{
		width:350px;
		height:65px;
		background:url(../img/top/m_startdate_m.svg) no-repeat center center / contain;
		position:absolute;
		bottom:13px;
		left:50%;
		margin-left:-185px;
		display:block;
		z-index:50;
		filter:drop-shadow(0px 0px 2px rgba(0,0,0,1)) drop-shadow(0px 0px 2px rgba(0,0,0,1));
	}
	#mWrap iframe,
	#mWrap video{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		z-index:0;
	}
}
@media screen and (max-width:1290px){
	.mWrap__startdate{
		display:none;
	}
}
@media screen and (max-width:1020px){
	.mWrap__logo{
		display:none;
	}
}
#loading{
	background-color:#fff;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:10000;
}
.firstAni,
.secondAni{
	-webkit-filter:blur(15px);
	-moz-filter:blur(15px);
	filter:blur(15px);
	opacity:0;
	transform:scale(1.1);
	transition:1s ease-in-out;
}
.firstAni.is-animated{
	-webkit-filter:blur(0);
	-moz-filter:blur(0);
	filter:blur(0);
	opacity:1;
	transform:scale(1);
}
.secondAni.is-animated{
	transition-delay:.2s;
	-webkit-filter:blur(0);
	-moz-filter:blur(0);
	filter:blur(0);
	opacity:1;
	transform:scale(1);
}
.header{
	position:fixed;
	width:100%;
	left:0;
	top:0;
	z-index:105;
}
.header:before{
	content:"";
	background:rgba(255,255,255,1);
	width:0;
	height:100vh;
	position:absolute;
	top:0;
	right:0;
	z-index:0;
	transition:width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.header.is-active:before{
	width:100%;
}
.header__inner{
	-webkit-overflow-scrolling:touch;
	height:100%;
	overflow:auto;
	position:fixed;
	top:0;
	right:0;
	z-index:2;
	opacity:0;
	pointer-events:none;
	width:100%;
}
.header.is-active .header__inner{
	opacity:1;
	pointer-events:auto;
}
.headerNav{
	display:flex;
	justify-content:center;
	align-items:center;
	height:auto;
	width:100%;
	min-height:100%;
	margin:0 auto;
	position:relative;
}
.headerNavLists{
	padding:2vw 0;
}
.headerNavLists__item{
	overflow:hidden;
}
.headerNavLists__item:not(:first-child){
	margin-top:2vw;
}
.headerNavLists__link{
	display:block;
	font-size:min(5.33333vw, 38px);
	letter-spacing:0.1em;
	width:100%;
	text-decoration:none;
	transform:translateY(100%);
	transition:transform .3s ease;
}
.header.is-active .headerNavLists__link{
	transition-delay:.3s;
	transform:translateY(0);
}
.headerNavLists__inner{
	position:relative;
}
.headerNavLists__inner:before{
	content:"";
	background-color:#000;
	width:100%;
	height:2px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:0;
	transform:scale(0, 1);
	transform-origin:right top;
	transition:transform .3s ease;
}
.headerNavLists__link:hover .headerNavLists__inner:before{
	transform-origin:left top;
	transform:scale(1, 1);
}
.header__navBtnWrap{
	width:13.33333vw;
	height:13.33333vw;
	top:2.66666vw;
	right:2.66666vw;
	position:absolute;
	z-index:100;
}
.header__navBtn{
	background-color:#fff;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	filter:drop-shadow(1px 1px 6px rgba(0,0,0,.6));
	width:100%;
	height:100%;
	transition:background-color .3s ease;
}
.header__navBtn.is-active{
	background-color:#000;
}
.header__navBtn__lineWrap{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	width:4.5vw;
	height:3.6vw;
	position:relative;
}
.header__navBtn--line{
	background-color:#000;
	border-radius:3px;
	display:block;
	width:100%;
	height:2px;
	margin:auto;
	transition:all .3s ease;
	position:relative;
}
.header__navBtn.is-active .header__navBtn--line{
	background-color:#fff;
}
.header__navBtn.is-active .header__navBtn--line:nth-child(1){
	top:33%;
	transform:rotate(45deg);
}
.header__navBtn.is-active .header__navBtn--line:nth-child(2){
	opacity:0;
	transform:translateX(10px);
}
.header__navBtn.is-active .header__navBtn--line:nth-child(3){
	bottom:33%;
	transform:rotate(-45deg);
}
@media screen and (min-width:768px){
	.header{
		width:768px;
		left:auto;
		right:0;
	}
	.headerNavLists{
		padding:100px 0;
	}
	.headerNavLists__item:not(:first-child){
		margin-top:6px;
	}
	.header__navBtnWrap{
		width:60px;
		height:60px;
		top:30px;
		right:30px;
	}
	.header__navBtn__lineWrap{
		width:22px;
		height:18px;
	}
	.header__navBtn--line{
		height:3px;
	}
	.header__navBtn.is-active .header__navBtn--line:nth-child(1){
		top:6px;
	}
	.header__navBtn.is-active .header__navBtn--line:nth-child(3){
		bottom:6px;
	}
}
.footer{
	padding:24px 0 80px;
}
@media screen and (max-width:767px){
	.footer{
		padding:3vw 0 4rem;
	}
}
.underCont{
	overflow:hidden;
	padding-top:120px;
}
@media screen and (max-width:767px){
	.underCont{
		padding-top:7rem;
	}
}
.underCont__inner{
	margin:0 auto;
	padding:0 2.66666vw;
}
.underCont__title{
	font-size:min(1.6vw, 28px);
	letter-spacing:0.1em;
	margin-bottom:1rem;
}
@media screen and (max-width:767px){
	.underCont__title{
		font-size:min(3vw, 28px);
		margin-bottom:2rem;
	}
}
@media screen and (min-width:768px){
	.underCont__inner{
		padding:0 20px;
	}
}
.twLink a{
	background-color:#000;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:min(5.33333vw, 30px);
	font-weight:700;
	letter-spacing:0.1em;
	line-height:1;
	padding:1.6rem 0;
	position:relative;
	text-decoration:none;
	transition:background-color .3s ease-in-out;
}
.twLink a:hover{
	background-color:#bb0000;
}
.twLink a:before{
	content:"";
	background-color:#fff;
	display:block;
	width:3.3%;
	-webkit-mask-image:url(../img/common/icon_tw.svg);
	mask-image:url(../img/common/icon_tw.svg);
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:center;
	mask-position:center;
	-webkit-mask-size:100%;
	mask-size:100%;
	margin:auto;
	position:absolute;
	top:0;
	right:4%;
	bottom:0;
}
@media screen and (max-width:767px){
	.twLink a{
		font-size:min(4.5vw, 40px);
		padding:5% 0;
	}
	.twLink a:before{
		width:5.5%;
		right:6%;
	}
}
.pagetop{
	display:flex;
	justify-content:center;
	margin-top:60px;
}
@media screen and (max-width:767px){
	.pagetop{
		margin-top:4rem;
	}
}
.pagetop a{
	display:block;
	width:50px;
	height:50px;
	position:relative;
}
.pagetop a:before{
	content:"";
	border-color:#000;
	border-style:solid;
	border-bottom:3px;
	border-left:3px;
	width:70%;
	height:70%;
	margin:auto;
	position:absolute;
	top:11px;
	right:0;
	bottom:0;
	left:0;
	transform:rotate(-45deg);
	transition:top .4s ease;
}
.pagetop a:hover:before{
	top:-10px;
}
.footerShare__dl{
	margin-top:4rem;
}
.footerShare__dl__item{
	display:flex;
	align-items:center;
	justify-content:center;
}
.footerShare__dt{
	font-size:min(2.8vw, 20px);
	font-weight:700;
	margin-right:1.5rem;
}
.footer__copyright{
	display:block;
	font-size:min(2.66666vw, 12px);
	margin-top:4rem;
	text-align:center;
}
/*-----------------------------------------------
 * Modal
-------------------------------------------------*/
/**
 * modalBox
 * 基盤のモーダル
 */
.modalBox{
	-webkit-overflow-scrolling:touch;
	background:rgba(255,255,255,1);
	display:none;
	width:100%;
	height:100%;
	overflow:auto;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
}
.oneModal{
	display:none;
	width:100%;
	height:100%;
	position:relative;
	z-index:1;
}

/* oneModalIn */
.oneModalIn{
	display:flex;
	justify-content:center;
	align-items:center;
	height:auto;
	width:100%;
	min-height:100%;
	margin:0 auto;
	position:relative;
}
.oneModalIn__cont{
	padding:50px 0;
}
@media screen and (max-width:767px){
	.oneModalIn{
		min-width:100%;
	}
	.oneModalIn__cont{
		width:100%;
	}
}

/**
 * closeBtn
 */
.closeBtn{
	width:80px;
	height:80px;
	position:absolute;
	top:30px;
	right:30px;
	z-index:2;
}
@media screen and (max-width:767px){
	.closeBtn{
		width:40px;
		height:40px;
		margin:auto;
		position:fixed;
		top:auto;
		right:0;
		bottom:10px;
		left:0;
	}
}

/* a */
.closeBtn a{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
}
.closeBtn a:before,
.closeBtn a:after{
	content:"";
	background-color:#000;
	width:100%;
	height:1px;
	margin:auto;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	transition:transform .4s cubic-bezier(0.25, 1, 0.5, 1);
}
.closeBtn a:before{
	transform:rotate(45deg);
}
.closeBtn a:after{
	transform:rotate(-45deg);
}
.closeBtn a:hover:before,
.closeBtn a:hover:after{
	transform:rotate(0);
}

/**
 * iframe
 */
/* common */
.commonIframe{
	width:100%;
	height:100%;
	display:block;
}

/* youtube */
.youtubeIframeWrap{
	width:70%;
	max-width:159.993vh;
	position:relative;
}
@media screen and (max-width:767px){
	.youtubeIframeWrap{
		width:100%;
		max-width:100%;
		margin:50px 0;
	}
}
.youtubeIframeWrap:before{
	content:"";
	display:block;
	padding-top:56.25%;
	z-index:0;
}
.youtubeIframe{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

/**
 * commentModal
 */
.commentModal{
	display:flex;
	width:1000px;
}
@media screen and (max-width:767px){
	.commentModal{
		display:block;
		width:100%;
		padding:0 20px;
	}
}

/* img */
.commentModal__imgWrap{
	width:300px;
}
.commentModal__imgWrap img{
	width:100%;
}
@media screen and (max-width:767px){
	.commentModal__imgWrap{
		width:250px;
		margin:0 auto 30px;
	}
}

/* textArea */
.commentModal__textArea{
/*	width:calc(100% - 300px);*/
	margin-top:-10px;
	padding-left:40px;
	flex:1;
}
@media screen and (max-width:767px){
	.commentModal__textArea{
		width:100%;
		margin-top:0;
		padding-left:0;
		padding-bottom:50px;
	}
}

/* dt */
.commentModal__dt{
	font-size:20px;
	font-weight:700;
	line-height:2.2;
	letter-spacing:0.1em;
	border-bottom:2px solid #000;
	margin-bottom:20px;
	padding-bottom:10px;
}
.commentModal__dt:not(:first-child){
	margin-top:30px;
}
@media screen and (max-width:767px){
	.commentModal__dt{
		font-size:min(4vw, 24px);
	}
}

/* text */
.commentModal__text{
	font-size:16px;
	font-weight:700;
	line-height:2.2;
	letter-spacing:0.1em;
}
@media screen and (max-width:767px){
	.commentModal__text{
		font-size:min(3.2vw, 24px);
	}
}


/*-----------------------------------------------
 * Parts
-------------------------------------------------*/

/**
 * shareLists
 */
.shareLists{
	display:flex;
}

/* item */
.shareLists__item{
	width:70px;
	height:70px;
	position:relative;
	margin:0 .8em;
}
@media screen and (max-width:767px){
	.shareLists__item{
		width:10vw;
		height:10vw;
	}
}

/* link */
.shareLists__link{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	position:relative;
	text-decoration:none;
}
.shareLists__link{
	padding:18%;
}
.shareLists__link:before{
	content:"";
	background-color:#000;
	display:block;
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:center;
	mask-position:center;
	-webkit-mask-size:100%;
	mask-size:100%;
}
@media screen and (min-width: 768px){
	.shareLists__link{
		padding:24%;
	}
}
/* 各SNSパーツ */
.shareLists__item.is-twitter .shareLists__link:before{
	width:20px;
	height:16px;
	-webkit-mask-image:url(../img/common/icon_tw.svg);
	mask-image:url(../img/common/icon_tw.svg);
}
.shareLists__item.is-facebook .shareLists__link:before{
	width:18px;
	height:18px;
	-webkit-mask-image:url(../img/common/icon_fb.svg);
	mask-image:url(../img/common/icon_fb.svg);
}
.shareLists__item.is-line .shareLists__link:before{
	width:19px;
	height:19px;
	-webkit-mask-image:url(../img/common/icon_line.svg);
	mask-image:url(../img/common/icon_line.svg);
}
.shareLists__item.is-twitter .shareLists__link:before,
.shareLists__item.is-facebook .shareLists__link:before,
.shareLists__item.is-line .shareLists__link:before{
	width:100%;
	height:100%;
}
/**
 * effect
 */
.ef{
	opacity:0;
	transform:scale(1.1) translateY(10px);
	transition:.8s ease-in-out;
}
.ef.is-animated{
	opacity:1;
	transform:scale(1) translateY(0);
}

.article__lists{}
.article__list{}
.article__listlink{
	display:block;
	text-decoration:none;
}
.article__listtime{
	display:flex;
	font-size:1em;
	justify-content:center;
	align-items:center;
	font-weight:700;
	color:#FFF;
	background:#000;
	height:4vw;
	width:100%;
	line-height:1;
	position:relative;
}
.article__listtime:before{
	content:'';
	position:absolute;
	right:3vw;
	width:1vw;
	height:1vw;
	box-sizing:border-box;
	border-right:1px solid #FFF;
	border-top:1px solid #FFF;
	transform:rotate(45deg);
}
.article__listtitle{
	padding:3vw 2.66666vw 5vw;
	font-weight:700;
	font-size:1.2rem;
}
@media screen and (min-width:768px){
	.article__listlink{
		transition:all 0.3s ease;
	}
	.article__listlink:hover{
		opacity:0.7;
	}
	.article__listtime{
		font-size:16px;
		height:30px;
	}
	.article__listtime:before{
		right:22px;
		width:8px;
		height:8px;
		border-right:2px solid #FFF;
		border-top:2px solid #FFF;
	}
	.article__listtitle{
		padding:20px 20px 40px;
		font-size:20px;
	}
}
.movie__lists{
	padding:0 2.6666vw;
}
.movie__list{
	margin-bottom:3vw;
}
.movie__listframe{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.movie__listframe iframe{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media screen and (min-width:768px){
	.movie__lists{
		padding:0 20px;
	}
	.movie__list{
		margin-bottom:36px;
	}
}
.gBtn{
	width:46.66666vw;
	height:10.66666vw;
	margin:0 auto;
}
.gBtn__link{
	display:flex;
	justify-content:center;
	align-items:center;
	text-decoration:none;
	color:#FFF;
	background:#000;
	position:relative;
	height:10.66666vw;
	font-size:1.2rem;
}
.gBtn__link:before{
	content:'';
	position:absolute;
	right:3vw;
	width:1.5vw;
	height:1.5vw;
	box-sizing:border-box;
	border-right:1px solid #FFF;
	border-top:1px solid #FFF;
	transform:rotate(45deg);
}
@media screen and (min-width:768px){
	.gBtn{
		width:350px;
		height:80px;
	}
	.gBtn__link{
		height:80px;
		font-size:20px;
		transition:all 0.3s ease;
	}
	.gBtn__link:hover{
		opacity:0.7;
	}
	.gBtn__link:before{
		content:'';
		position:absolute;
		right:20px;
		width:12px;
		height:12px;
		border-right:2px solid #FFF;
		border-top:2px solid #FFF;
	}
}
.subHero{
	width:100%;
	height:49.33333vw;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
}
.subHero__title{
	position:relative;
	width:70vw;
	height:auto;
	padding-top:4vw;
	z-index:2;
}
.subHero__titlelink{
	display:block;
	width:70vw;
}
.subHero__titlelogo{
	display:block;
	height:auto;
	width:100%;
}
.subHero__img{
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	animation:subHero 20s cubic-bezier(0.37, 0, 0.63, 1) infinite alternate;
}
@keyframes subHero{
	form{
		transform:scale(1);
	}
	to{
		transform:scale(1.2);
	}
}
.subHero__contTitle{
	line-height:0.7;
	position:absolute;
	right:3vw;
	bottom:0;
	letter-spacing:0.1em;
	font-size:2rem;
	color:#FFF;
}
@media screen and (min-width:768px){
	.subHero{
		height:370px;
	}
	.subHero__title{
		width:525px;
		padding-top:30px;
	}
	.subHero__titlelink{
		display:block;
		width:100%;
	}
	.subHero__contTitle{
		right:28px;
		font-size:40px;
	}
}
.article__detail{
	padding:4vw 0 5vw;
}
.article__header{
	border-bottom:1px solid #000;
}
.article__time{
	display:flex;
	font-size:1em;
	justify-content:center;
	align-items:center;
	font-weight:700;
	color:#FFF;
	background:#000;
	height:4vw;
	width:100%;
	line-height:1;
	position:relative;
}
.article__title{
	font-size:1.4rem;
	font-weight:700;
	padding:4.6666vw 2.6666vw;
}
.article__content{
	padding:4.6666vw 2.6666vw;
	font-size:1.2rem;
	font-weight:500;
}
.article__yt {
	position: relative;
	padding-top: 56.25%;
	margin-bottom:2em;
}
.article__yt iframe {
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height:100%;
}
.article__content img{
	max-width:100%;
	height:auto;
}
.article__content p{
	margin-bottom:1.5em;
	word-break:break-all;
}
.article__content p:last-child{
	margin-bottom:0;
}
@media screen and (min-width:768px){
	.article__detail{
		padding:30px 0 40px;
	}
	.article__time{
		font-size:16px;
		height:30px;
	}
	.article__title{
		font-size:1.4rem;
		padding:28px 20px;
	}
	.article__content{
		padding:28px 20px 40px;
		font-size:20px;
	}
}
.backIndex{
	width:9.33333vw;
	height:9.33333vw;
	margin:0 auto;
}
.backIndex__link{
	width:9.33333vw;
	height:9.33333vw;
	display:block;
	border-radius:50%;
	background:#000;
	position:relative;
	filter:drop-shadow(0px 0px 1vw rgba(0,0,0,1));
}
.backIndex__link:before{
	content:'';
	position:absolute;
	width:2vw;
	height:2vw;
	top:50%;
	left:50%;
	margin-left:-.55vw;
	margin-top:-1vw;
	box-sizing:border-box;
	border-bottom:2px solid #FFF;
	border-left:2px solid #FFF;
	transform:rotate(45deg);
}
@media screen and (min-width:768px){
	.backIndex{
		width:70px;
		height:70px;
	}
	.backIndex__link{
		width:70px;
		height:70px;
		filter:drop-shadow(0px 0px 8px rgba(0,0,0,1));
		transition:all 0.3s ease;
	}
	.backIndex__link:hover{
		opacity:0.7;
	}
	.backIndex__link:before{
		width:16px;
		height:16px;
		margin-left:-4px;
		margin-top:-8px;
		border-bottom:4px solid #FFF;
		border-left:4px solid #FFF;
	}
}