@charset "";
/* **************************************
encore.css
************************************** */

/* head style
-------------------------------------- */
p#header {
	background:url(../encore/images/header.jpg) no-repeat 0 0;
	height: 97px;
	left: 504px;
	position:absolute;
	text-indent: -9999px;
	top: 78px;
	width: 381px;
}

/* encore main style
-------------------------------------- */
div#encore-main {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-style: normal;
	font-weight: 700;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	padding-left: 17px;
	padding-top: 7px;
	width: 617px;
}
div#encore-main figure {
	margin: 0;
}
div#encore-main a {
	color: inherit;
	text-decoration: none;
}
div#encore-main a img {
	transition: .5s all;
}
div#encore-main a:hover img {
	transform: scale(1.05, 1.05) !important;
}
div#encore-main img {
	width: 100%;
	height: auto;
	display: inline;
}
div#encore-logo {
	margin: 0 auto;
	width: 517px;
}
div#encore-text {
	margin-top: calc(31px - (18.74px * .5 / 2));
}
div#encore-text p {
	text-align: center;
}
div#encore-text p:nth-child(1) {
	color: #ec028d;
	font-size: 18.74px;
}
div#encore-text p:nth-child(2) {
	color: #0061af;
	font-size: 24.99px;
	margin-top: calc(21px - (18.74px * .5 /2) - (29.99px * .5 / 2));
}
div#encore-text p:nth-child(2) span {
	color: #ec028d;
	font-size: 29.99px;
}
div#encore-text p:nth-child(3) {
	background: url(../encore/images/bg-encore-text.png) center center no-repeat;
	color: #fff;
	font-size: 24.99px;
	letter-spacing: calc(24.99px * .15);
	margin-top: calc(14px - (29.99px * .5 /2) - (34.99px * .5 / 2));
	--stroke-color: #0061af;
	text-shadow: 0px 3px 0 var(--stroke-color), 1px 2.5px 0 var(--stroke-color), 2px 2px 0 var(--stroke-color), 2.5px 1px 0 var(--stroke-color), 3px 0 0 var(--stroke-color), 2.5px -1px 0 var(--stroke-color), 2px -2px 0 var(--stroke-color), 1px -2.5px 0 var(--stroke-color), 0 -3px 0 var(--stroke-color), -1px -2.5px 0 var(--stroke-color), -2px -2px 0 var(--stroke-color), -2.5px -1px 0 var(--stroke-color), -3px 0 0 var(--stroke-color), -2.5px 1px 0 var(--stroke-color), -2px 2px 0 var(--stroke-color), -1px 2.5px 0 var(--stroke-color);
}
div#encore-text p:nth-child(3) > span {
	display: inline-block;
	transform: translateX(calc(29.99px * .25));
}
div#encore-text p:nth-child(3) > span span:nth-child(-n + 2) {
	font-size: 34.99px;
	letter-spacing: calc(34.99px * .15);
}
div#encore-text p:nth-child(3) > span span:nth-child(3) {
	color: #ffdd00;
	font-size: 29.99px;
	letter-spacing: calc(29.99px * .15);
}
div#encore-text p:nth-child(4) {
	color: #0061af;
	font-size: 18.74px;
	margin-top: calc(37px - (34.99px * .5 /2) - (22.49px * .5 / 2));
}
div#encore-text p:nth-child(4) span {
	font-size: 22.49px;
}
div#encore-text p:nth-child(5) {
	color: #0061af;
	font-size: 18.74px;
	--stroke-color: #fff;
	text-shadow: 0px 3px 0 var(--stroke-color), 1px 2.5px 0 var(--stroke-color), 2px 2px 0 var(--stroke-color), 2.5px 1px 0 var(--stroke-color), 3px 0 0 var(--stroke-color), 2.5px -1px 0 var(--stroke-color), 2px -2px 0 var(--stroke-color), 1px -2.5px 0 var(--stroke-color), 0 -3px 0 var(--stroke-color), -1px -2.5px 0 var(--stroke-color), -2px -2px 0 var(--stroke-color), -2.5px -1px 0 var(--stroke-color), -3px 0 0 var(--stroke-color), -2.5px 1px 0 var(--stroke-color), -2px 2px 0 var(--stroke-color), -1px 2.5px 0 var(--stroke-color);
	margin-top: calc(15px - (22.49px * .5 /2) - (24.99px * .5 / 2));
}
div#encore-text p:nth-child(5) > span {
	background: linear-gradient(transparent calc(22.49px * 1.5 - 12px), #ffdd00 calc(22.49px * 1.5 - 12px));
	display: inline-block;
	padding-left: calc(24.99px * .25);
}
div#encore-text p:nth-child(5) > span > span:nth-child(-n + 2) {
	color: #ec028d;
}
div#encore-text p:nth-child(5) > span > span:nth-child(1) span {
	color: #ec028d;
}
div#encore-text p:nth-child(5) > span > span:nth-child(2) {
	color: #ec028d;
	font-size: 24.99px;
}
div#encore-text p:nth-child(5) > span > span:nth-child(3) {
	color: #fff;
	font-size: 24.99px;
	margin-left: 3px;
	--stroke-color: #0061af;
	text-shadow: 0px 3px 0 var(--stroke-color), 1px 2.5px 0 var(--stroke-color), 2px 2px 0 var(--stroke-color), 2.5px 1px 0 var(--stroke-color), 3px 0 0 var(--stroke-color), 2.5px -1px 0 var(--stroke-color), 2px -2px 0 var(--stroke-color), 1px -2.5px 0 var(--stroke-color), 0 -3px 0 var(--stroke-color), -1px -2.5px 0 var(--stroke-color), -2px -2px 0 var(--stroke-color), -2.5px -1px 0 var(--stroke-color), -3px 0 0 var(--stroke-color), -2.5px 1px 0 var(--stroke-color), -2px 2px 0 var(--stroke-color), -1px 2.5px 0 var(--stroke-color);
}
div#encore-text p:nth-child(6) {
	color: #0061af;
	font-size: 18.74px;
	margin-top: calc(16px - (24.99px * .5 /2) - (18.74px * .5 / 2));
}
div#encore-banner {
	margin: calc(52px - (18.74px * .5 / 2)) auto 0;
	width: 500px;
}
div#encore-link {
	margin-top: 40px;
}
div#encore-link ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
div#encore-link ul li {
	margin: 0 17px;
	width: 144px;
}

div#encore-link ul li img {
	width: 100%;
	height: auto;
  }

  div#encore-link ul li figure {
	width: 144px;
	margin: 0 auto;
  }

div#encore-link ul li:first-child {
	width: 100%; 
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
  }
  div#encore-link ul li:nth-child(2),
  div#encore-link ul li:nth-child(3) {
	width: 144px;  
	margin: 0 17px;
  }