@charset "utf-8";
/*-----------------------------------------------
 * game
-------------------------------------------------*/
:root {
	--vw-min: 1366;
}
@media screen and (max-width:768px){
	:root {
		--vw-min: 750;
	}
}
@media screen and (min-width:769px){
	.gameContBgWrap {
		width: 100%;
		position: fixed;
		inset: 0;
		z-index: -3;
		pointer-events: none;
	}
	.gameContBg {
		width: 100%;
		height: min(100vh,100%);
		position: sticky;
		inset: 0;
		background: url(../img/special/game/gameBg.jpg)repeat center/cover;
	}
	#fullWrap {
		flex-direction: row;
	}
	#fullWrap::after {
		content: "";
		flex: 1;
		display: block;
	}
	.game__cont-l {
		width: calc((100% - min(calc(514 / var(--vw-min) * 100vw),514px)) / 2);
		position: relative;
		flex: 1;
	}
	.game__cont-lIn {
		width: 100%;
		height: 100%;
		position: absolute;
		inset: 0;
		margin: auto;
	}
	.game__cont-lBox {
		height: 100vh;
		position: sticky;
		top: 0;
	}
	.game__logo {
		width: min(calc(288 / var(--vw-min) * 100vw),288px);
		height: min(calc(89 / var(--vw-min) * 100vw),89px);
		position: absolute;
		inset: 0;
		margin: auto;
		background: url(../img/special/game/logo_w.svg)no-repeat center/contain;
	}
	.game__cont-l-cau {
		font-size: min(calc(12 / var(--vw-min) * 100vw),12px);
		color: #000;
		font-weight: 600;
		line-height: 2;
		text-align: center;
		position: absolute;
		right: 0;
		bottom: min(calc(15 / var(--vw-min) * 100vw),15px);
		left: 0;
		margin: auto;
	}
}
main {
	width: min(calc(514 / var(--vw-min) * 100vw),514px);
	display: flex;
	flex-direction: column;
	position: relative;
}
@media screen and (max-width:768px){
	main {
		width: 100%;
	}
}
.gameMainBg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	background: url(../img/special/game/game-mainBg.jpg)repeat-y top/100%;
}
@media screen and (max-width:768px){
	.gameMainBg {
		position: fixed;
		background: #1f463b;
	}
}
.gameHead-tit {
	width: min(calc(354 / var(--vw-min) * 100vw),354px);
	height: min(calc(111 / var(--vw-min) * 100vw),111px);
	background: url(../img/special/game/game-tit.png)no-repeat center/contain;
	margin: min(calc(30 / var(--vw-min) * 100vw),30px) auto 0;
}
@media screen and (max-width:768px){
	.gameHead-tit {
		width: calc(629 / var(--vw-min) * 100vw);
		height: calc(198 / var(--vw-min) * 100vw);
		margin-top: calc(50 / var(--vw-min) * 100vw);
	}
}
.gameHead-txt {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	color: #fff;
	line-height: 1.3;
	text-align: center;
	margin: min(calc(15 / var(--vw-min) * 100vw),15px) 0 0;
}
@media screen and (max-width:768px){
	.gameHead-txt {
		font-size: calc(24 / var(--vw-min) * 100vw);
		margin-top: calc(30 / var(--vw-min) * 100vw);
	}
}
.gameHead-txt small {
	font-size: min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.gameHead-txt small {
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}
.gameCont {
	position: relative;
}
.gameContIn {
	width: min(calc(456 / var(--vw-min) * 100vw),456px);
	position: absolute;
	top: min(calc(80 / var(--vw-min) * 100vw),80px);
	right: 0;
	left: 0;
	z-index: 1;
	margin: auto;
}
@media screen and (max-width:768px){
	.gameContIn {
		width: 100%;
		top: calc(135 / var(--vw-min) * 100vw);
	}
}
.game__label {
	width: min(calc(133 / var(--vw-min) * 100vw),133px);
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.game__label {
		width: calc(236 / var(--vw-min) * 100vw);
	}
}
.game__label img {
	width: 100%;
	pointer-events: none;
}
.gameBg {
	width: min(calc(493 / var(--vw-min) * 100vw),493px);
	height: min(calc(518 / var(--vw-min) * 100vw),518px);
	position: relative;
	margin-left: min(calc(14 / var(--vw-min) * 100vw),14px);
	background: url(../img/special/game/gameBg.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.gameBg {
		width: 100%;
		height: calc(892 / var(--vw-min) * 100vw);
		margin-left: 0;
		background-image: url(../img/special/game/gameBg-s.png);
	}
}
.resultBg {
	width: min(calc(483 / var(--vw-min) * 100vw),483px);
	height: min(calc(379 / var(--vw-min) * 100vw),379px);
	position: relative;
	margin-left: min(calc(14 / var(--vw-min) * 100vw),14px);
	background: url(../img/special/game/game-resultBg.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.resultBg {
		width: 100%;
		height: calc(644 / var(--vw-min) * 100vw);
		margin-left: 0;
		background-image: url(../img/special/game/game-resultBg-s.png);
	}
}
.game__playTxtWrap {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	line-height: 1.5;
	text-align: center;
	margin-top: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.game__playTxtWrap {
		font-size: calc(28 / var(--vw-min) * 100vw);
		margin-top: calc(26 / var(--vw-min) * 100vw);
	}
}
.game__playTxt.--mt {
	margin-top: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.game__playTxt.--mt {
		margin-top: calc(35 / var(--vw-min) * 100vw);
	}
}
.game__playTxt .--red {
	color: #d44248;
}
.result__scoreWrap {
	display: flex;
    flex-direction: column;
    align-items: center;
	position: relative;
	margin-top: min(calc(22 / var(--vw-min) * 100vw),22px);
}
@media screen and (max-width:768px){
	.result__scoreWrap {
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
}
.result__scoreTxt {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	color: #424545;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
}
@media screen and (max-width:768px){
	.result__scoreTxt {
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
}
.result__scoreIn {
	display: flex;
	align-items: flex-end;
}
.result__score {
	font-size: min(calc(46 / var(--vw-min) * 100vw),46px);
	color: #e83421;
	font-weight: 700;
	line-height: 1;
	min-width: min(calc(130 / var(--vw-min) * 100vw),130px);
	text-align: center;
	position: relative;
	margin-bottom: min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:768px){
	.result__score {
		font-size: calc(80 / var(--vw-min) * 100vw);
		min-width: calc(220 / var(--vw-min) * 100vw);
		margin-bottom: calc(30 / var(--vw-min) * 100vw);
	}
}
.result__score::before {
	content: "";
	width: min(calc(117 / var(--vw-min) * 100vw),117px);
	height: min(calc(19 / var(--vw-min) * 100vw),19px);
	display: block;
	position: absolute;
	bottom: max(calc(-20 / var(--vw-min) * 100vw),-20px);
	right: 0;
	left: 0;
	margin: auto;
	background: url(../img/special/game/game-line.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.result__score::before {
		width: calc(204 / var(--vw-min) * 100vw);
		height: calc(32 / var(--vw-min) * 100vw);
		bottom: calc(-42 / var(--vw-min) * 100vw);
	}
}
.result__point {
	width: min(calc(21 / var(--vw-min) * 100vw),21px);
	height: min(calc(34 / var(--vw-min) * 100vw),34px);
	display: block;
	flex-shrink: 0;
	background: url(../img/special/game/game-point.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.result__point {
		width: calc(37 / var(--vw-min) * 100vw);
		height: calc(59 / var(--vw-min) * 100vw);
	}
}
.result__scoreIcon {
	position: absolute;
	right: calc(50% + min(calc(80 / var(--vw-min) * 100vw),80px));
	bottom: min(calc(10 / var(--vw-min) * 100vw),10px);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.result__scoreIcon.--tier1 {
	width: min(calc(72 / var(--vw-min) * 100vw),72px);
	height: min(calc(61 / var(--vw-min) * 100vw),61px);
	background-image: url(../img/special/game/game-icon1.png);
}
.result__scoreIcon.--tier2 {
	width: min(calc(68 / var(--vw-min) * 100vw),68px);
	height: min(calc(51 / var(--vw-min) * 100vw),51px);
	background-image: url(../img/special/game/game-icon2.png);
}
.result__scoreIcon.--tier3 {
	width: min(calc(63 / var(--vw-min) * 100vw),63px);
	height: min(calc(55 / var(--vw-min) * 100vw),55px);
	background-image: url(../img/special/game/game-icon3.png);
}
@media screen and (max-width:768px){
	.result__scoreIcon {
		right: calc(50% + calc(143 / var(--vw-min) * 100vw));
		bottom: calc(15 / var(--vw-min) * 100vw);
	}
	.result__scoreIcon.--tier1 {
		width: calc(126 / var(--vw-min) * 100vw);
		height: calc(108 / var(--vw-min) * 100vw);
	}
	.result__scoreIcon.--tier2 {
		width: calc(118 / var(--vw-min) * 100vw);
		height: calc(88 / var(--vw-min) * 100vw);
	}
	.result__scoreIcon.--tier3 {
		width: calc(110 / var(--vw-min) * 100vw);
		height: calc(97 / var(--vw-min) * 100vw);
	}
}
.game__akane {
	width: min(calc(111 / var(--vw-min) * 100vw),111px);
	height: min(calc(143 / var(--vw-min) * 100vw),143px);
	position: absolute;
	top: max(calc(-77 / var(--vw-min) * 100vw),-77px);
	right: min(calc(20 / var(--vw-min) * 100vw),20px);
	background: url(../img/special/game/game-akane.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.game__akane {
		width: calc(193 / var(--vw-min) * 100vw);
		height: calc(248 / var(--vw-min) * 100vw);
		top: calc(-138 / var(--vw-min) * 100vw);
		right: calc(25 / var(--vw-min) * 100vw);
	}
}
.game__fan {
	width: min(calc(79 / var(--vw-min) * 100vw),79px);
	height: min(calc(83 / var(--vw-min) * 100vw),83px);
	position: absolute;
	top: min(calc(110 / var(--vw-min) * 100vw),110px);
	left: min(calc(30 / var(--vw-min) * 100vw),30px);	
	background: url(../img/special/game/game-fan.png)no-repeat center/contain;

}
@media screen and (max-width:768px){
	.game__fan {
		width: calc(136 / var(--vw-min) * 100vw);
		height: calc(142 / var(--vw-min) * 100vw);
		top: calc(197 / var(--vw-min) * 100vw);
		left: calc(24 / var(--vw-min) * 100vw);
	}
}
.result__akane {
	width: min(calc(111 / var(--vw-min) * 100vw),111px);
	height: min(calc(143 / var(--vw-min) * 100vw),143px);
	position: absolute;
	top: max(calc(-30 / var(--vw-min) * 100vw),-30px);
	right: min(calc(20 / var(--vw-min) * 100vw),20px);
	background: url(../img/special/game/game-akane.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.result__akane {
		width: calc(192 / var(--vw-min) * 100vw);
		height: calc(249 / var(--vw-min) * 100vw);
		top: calc(-24 / var(--vw-min) * 100vw);
		right: calc(10 / var(--vw-min) * 100vw);
	}
}
.digiconWrap {
	margin-top: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.digiconWrap {
		margin-top: calc(50 / var(--vw-min) * 100vw);
	}
}
.digicon-txt {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	color: #fff;
	line-height: 1;
	text-align: center;
	margin-bottom: min(calc(36 / var(--vw-min) * 100vw),36px);
}
@media screen and (max-width:768px){
	.digicon-txt {
		font-size: calc(28 / var(--vw-min) * 100vw);
		margin-bottom: calc(58 / var(--vw-min) * 100vw);
	}
}
.digicon-img {
	width: min(calc(230 / var(--vw-min) * 100vw),230px);
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width:768px){
	.digicon-img {
		width: calc(400 / var(--vw-min) * 100vw);
	}
}
.digicon-img::before {
	content: "";
	width: calc(100% + min(calc(20 / var(--vw-min) * 100vw),20px));
	height: calc(100% + min(calc(20 / var(--vw-min) * 100vw),20px));
	display: block;
	position: absolute;
	top: max(calc(-13 / var(--vw-min) * 100vw),-13px);
	left: max(calc(-13 / var(--vw-min) * 100vw),-13px);
	border: min(calc(3 / var(--vw-min) * 100vw),3px) solid #fff;
}
@media screen and (max-width:768px){
	.digicon-img::before {
		width: calc(100% + calc(36 / var(--vw-min) * 100vw));
		height: calc(100% + calc(36 / var(--vw-min) * 100vw));
		top: calc(-22 / var(--vw-min) * 100vw);
		left: calc(-22 / var(--vw-min) * 100vw);
		border-width: calc(4 / var(--vw-min) * 100vw);
	}
}
.digicon-img img {
	width: 100%;
	pointer-events: none;
}
.digiconBox.--mt {
	margin-top: min(calc(55 / var(--vw-min) * 100vw),55px);
}
@media screen and (max-width:768px){
	.digiconBox.--mt {
		margin-top: calc(95 / var(--vw-min) * 100vw);
	}
}
/**
* Btn
**/
.gameBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}
.gameBtn.--x {
	margin-top: min(calc(42 / var(--vw-min) * 100vw),42px);
}
@media screen and (max-width:768px){
	.gameBtn.--x {
		margin-top: calc(80 / var(--vw-min) * 100vw);
	}
}
.gameBtn.--dl {
	width: min(calc(182 / var(--vw-min) * 100vw),182px);
	margin-top: min(calc(36 / var(--vw-min) * 100vw),36px);
}
@media screen and (max-width:768px){
	.gameBtn.--dl {
		width: calc(317 / var(--vw-min) * 100vw);
		margin-top: calc(60 / var(--vw-min) * 100vw);
	}
}
.resetBtn {
	width: min(calc(182 / var(--vw-min) * 100vw),182px);
	margin: min(calc(56 / var(--vw-min) * 100vw),56px) auto 0;
}
@media screen and (max-width:768px){
	.resetBtn {
		width: calc(317 / var(--vw-min) * 100vw);
		margin-top: calc(100 / var(--vw-min) * 100vw);
	}
}
.gameBtn.--top {
	margin-top: calc(20 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.gameBtn.--top {
		margin-top: calc(64 / var(--vw-min) * 100vw);
	}
}
.gameLink {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	color: #fff;
	font-weight: 600;
	line-height: 1;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: min(calc(30 / var(--vw-min) * 100vw),30px);
	padding: min(calc(18 / var(--vw-min) * 100vw),18px) min(calc(45 / var(--vw-min) * 100vw),45px);
	background-image: linear-gradient(90deg, #df70be, #0b6cb8);
	text-decoration: none;
}
@media screen and (max-width:768px){
	.gameLink {
		font-size: calc(28 / var(--vw-min) * 100vw);
		border-radius: calc(44 / var(--vw-min) * 100vw);
		padding: calc(30 / var(--vw-min) * 100vw) calc(80 / var(--vw-min) * 100vw);
	}
}
.gameBtn.--top .gameLink {
	font-size: min(calc(23 / var(--vw-min) * 100vw),23px);
	padding: min(calc(18 / var(--vw-min) * 100vw),18px) min(calc(75 / var(--vw-min) * 100vw),75px);
}
@media screen and (max-width:768px){
	.gameBtn.--top .gameLink {
		font-size: calc(40 / var(--vw-min) * 100vw);
		padding: calc(30 / var(--vw-min) * 100vw) calc(135 / var(--vw-min) * 100vw);
	}
}
.gameBtn .gameLink span {
	position: relative;
	z-index: 1;
}
.gameBtn.--x .gameLink::before {
	content: "";
	width: min(calc(14 / var(--vw-min) * 100vw),14px);
	height: min(calc(15 / var(--vw-min) * 100vw),15px);
	display: block;
	-webkit-mask: url(../img/common/sns/icon_x.svg)no-repeat center/contain;
	mask: url(../img/common/sns/icon_x.svg)no-repeat center/contain;
	background-color: #fff;
	margin-right: min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:768px){
	.gameBtn.--x .gameLink::before {
		width: calc(25 / var(--vw-min) * 100vw);
		height: calc(26 / var(--vw-min) * 100vw);
		margin-right: calc(22 / var(--vw-min) * 100vw);
	}
}
.gameLink::after {
	content: "";
	width: calc(100% - min(calc(6 / var(--vw-min) * 100vw),6px));
	height: calc(100% - min(calc(6 / var(--vw-min) * 100vw),6px));
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	border-radius: min(calc(30 / var(--vw-min) * 100vw),30px);
	border: min(calc(1 / var(--vw-min) * 100vw),1px) solid #fff;
}
@media screen and (max-width:768px){
	.gameLink::after {
		width: calc(100% - calc(6 / var(--vw-min) * 100vw));
		height: calc(100% - calc(6 / var(--vw-min) * 100vw));
		border-radius: calc(44 / var(--vw-min) * 100vw);
		border-width: calc(1 / var(--vw-min) * 100vw);
	}
}
.gameBtn.--dl .gameLink {
	width: 100%;
	height: 100%;
}
.resetBtn .gameLink {
	width: 100%;
	height: 100%;
	color: #000;
	background: #fff;
}
.resetBtn .gameLink::after {
	content: "";
	width: calc(100% - min(calc(6 / var(--vw-min) * 100vw),6px));
	height: calc(100% - min(calc(6 / var(--vw-min) * 100vw),6px));
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	border: none;
	border-radius: min(calc(30 / var(--vw-min) * 100vw),30px);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask-composite: exclude;
	background: linear-gradient(90deg, #df70be, #0b6cb8);
	padding: min(calc(2 / var(--vw-min) * 100vw), 2px);
	pointer-events: none;
}
@media screen and (max-width:768px){
	.resetBtn .gameLink::after {
		width: calc(100% - calc(6 / var(--vw-min) * 100vw));
		height: calc(100% - calc(6 / var(--vw-min) * 100vw));
		border-radius: calc(44 / var(--vw-min) * 100vw);
		padding: calc(2 / var(--vw-min) * 100vw);
	}
}
.backBtn {
	margin-top: min(calc(24 / var(--vw-min) * 100vw),24px);
	display: flex;
	justify-content: center;
}
@media screen and (max-width:768px){
	.backBtn {
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
}
.backBtn.--top {
	margin-top: min(calc(23 / var(--vw-min) * 100vw),23px);
}
@media screen and (max-width:768px){
	.backBtn.--top {
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
}
.backBtnLink {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	color: #fff;
	font-weight: 600;
	line-height: 1;
	display: flex;
	align-items: center;
    justify-content: center;
	text-decoration: none;
}
.backBtn.--top .backBtnLink {
	color: #424545;
}
@media screen and (max-width:768px){
	.backBtnLink {
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
}
.backBtnLink::before {
	content: "";
	width: min(calc(21 / var(--vw-min) * 100vw),21px);
	height: min(calc(11 / var(--vw-min) * 100vw),11px);
	display: block;
	-webkit-mask: url(../img/special/game/game-arrow.svg)no-repeat center/contain;
	mask: url(../img/special/game/game-arrow.svg)no-repeat center/contain;
	background-color: #fff;
	margin-right: min(calc(10 / var(--vw-min) * 100vw),10px);
}
.backBtn.--top .backBtnLink::before {
	background-color: #000;
}
@media screen and (max-width:768px){
	.backBtnLink::before {
		width: calc(36 / var(--vw-min) * 100vw);
		height: calc(19 / var(--vw-min) * 100vw);
		margin-right: calc(16 / var(--vw-min) * 100vw);
	}
}
.copyright {
	font-size: min(calc(12 / var(--vw-min) * 100vw),12px);
	font-weight: 600;
	line-height: 1;
	text-align: center;
	margin-top: auto;
	padding: min(calc(80 / var(--vw-min) * 100vw),80px) 0 min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.copyright {
		font-size: calc(20 / var(--vw-min) * 100vw);
		padding: calc(140 / var(--vw-min) * 100vw) 0 calc(35 / var(--vw-min) * 100vw);
	}
}