html {
	font-size: 62.5%;
}

figcaption, figure {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	font-family: "Helvetica","Hiragino Sans","Hiragino Kaku Gothic ProN",Arial,Meiryo,sans-serif;
	letter-spacing: 0.1em;
	background: #f8f8f8;
}

body .g-wrapper {
	min-width: 1380px;
}

img {
	width: 100%;
	height: auto;
}

.missEkichika-head {
	background: #040811;
}

.missEkichika-head .mainV {
	position: relative;
}

.missEkichika-head .mainV .headBt {
	display: block;
	position: absolute;
	bottom: 3rem;
	left: 50%;
	width: 30%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
}

.missEkichika-head .mainV .headBt:hover {
	-webkit-filter: brightness(0.7);
	filter: brightness(0.7);
}

.missEkichika-head .missEkichika-second {
	position: relative;
	margin-top: -5%;
}

.missEkichika-head .missEkichika-second .linkList {
	position: absolute;
	top: 8%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding: 2% 22% 1%;
}

.missEkichika-head .missEkichika-second .linkList.fixed {
	position: fixed;
	top: 0;
	z-index: 10;
	margin-top: -1%;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(9%, rgba(255, 255, 255, 0)), to(black));
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 9%, black);
}

.missEkichika-head .missEkichika-second .linkList .listItem {
	width: calc(100% / 3);
	margin-right: 1%;
}

.missEkichika-head .missEkichika-second .linkList .listItem:last-child {
	margin-right: 0;
}

.missEkichika-head .missEkichika-second .linkList .listItem:hover {
	-webkit-filter: brightness(0.7);
	filter: brightness(0.7);
}

.missEkichika-head .missEkichika-second .movWrap {
	position: absolute;
	top: 61%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 43%;
	height: 30%;
	pointer-events: none;
}

.missEkichika-head .missEkichika-second .movWrap:hover .before_movie {
	-webkit-filter: brightness(0.7);
	filter: brightness(0.7);
}

.missEkichika-head .missEkichika-second .movWrap .before_movie {
	position: absolute;
	top: 51%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 86.5%;
	height: auto;
}

.missEkichika-head .missEkichika-second .movWrap .playBt {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 25%;
	cursor: pointer;
	pointer-events: auto;
}

.missEkichika-head .missEkichika-second .movWrap .playBt:hover {
	-webkit-filter: brightness(0.7);
	filter: brightness(0.7);
}

.missEkichika-head .missEkichika-second .movWrap .playBt.playActive {
	display: none;
}

.missEkichika-head .missEkichika-second .mod-snsLinkList {
	position: absolute;
	top: 88%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 25%;
	height: 7%;
}

.missEkichika-head .missEkichika-second .mod-snsLinkList .listItem {
	width: 22%;
}

.missEkichika-head .missEkichika-second .mod-snsLinkList .listItem:hover {
	-webkit-filter: brightness(0.7);
	filter: brightness(0.7);
}

.missEkichika-head .f-campaign {
	position: relative;
	margin-top: -1%;
}

.missEkichika-head .f-campaign .twitterList {
	position: absolute;
	top: 85%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 50%;
}

.missEkichika-head .f-campaign .twitterList .listItem {
	width: 48%;
}

.missEkichika-head .f-campaign .twitterList .listItem:hover {
	-webkit-filter: brightness(0.7);
	filter: brightness(0.7);
}

.missEkichika-head .f-campaign .vanillaLink {
	position: absolute;
	top: 95%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}

.missEkichika-head .f-campaign .vanillaLink:hover {
	opacity: 0.7;
}

.missEkichika-head .f-campaign .vanillaLink p {
	color: #000;
	font-size: 2rem;
	font-weight: bold;
}

.missEkichika-head .f-campaign .vanillaLink p::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	display: inline-block;
	background-color: gray;
	bottom: -50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.f-genre {
	position: relative;
}

.f-about, .f-benefit {
	margin-top: -1%;
}

.f-recommend {
	position: relative;
}

.f-recommend .registertBtn {
	position: absolute;
	top: 83%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 35%;
}

.f-recommend .registertBtn:hover {
	-webkit-filter: brightness(0.7);
	filter: brightness(0.7);
}

.f-recommend .ekichikaHomeBtn {
	position: absolute;
	top: 95%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 30%;
}

.f-recommend .ekichikaHomeBtn:hover {
	-webkit-filter: brightness(0.7);
	filter: brightness(0.7);
}

.toTop {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 34px;
	z-index: 10;
}

.toTop.scrollAfter {
	display: block;
}

.toTop:hover {
	-webkit-filter: brightness(0.7);
	filter: brightness(0.7);
}

.toTop .topBtn {
	width: 62px;
	height: 62px;
	margin: 0 auto 1rem;
	background-color: #111;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	font-size: 30px;
	cursor: pointer;
}

.toTop a {
	display: block;
	width: 5.8rem;
}

footer .navi {
	background-color: #CECECE;
}

footer .navi .ftr_nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1% 0;
}

footer .navi .ftr_nav li {
	font-weight: bold;
	font-size: 1.5rem;
	padding: 0 .5%;
	border-right: 2px solid #000;
}

footer .navi .ftr_nav li:last-child {
	border-right: none;
}

footer .navi .ftr_nav li:hover {
	opacity: 0.7;
}

footer .copy {
	color: #FFF;
	background-color: #000;
	text-align: center;
	padding: 1% 0;
	font-size: 1.5rem;
}

footer .copy a {
	color: inherit;
}

footer .copy a:hover {
	-webkit-filter: brightness(0.7);
	filter: brightness(0.7);
}