@charset "utf-8";




.productsCont {
	width: 50%;
}

.productsContTtl {
	font-size: 38px;
	line-height: 42px;
}

.productsPackCont {
  min-height: 500px;
}

.productsPackSelectShop {
  display: flex;
  padding: 10px;
  border-color: #900;
}

.productsPackSelectShop .btn {
	width: 36%;
	height: 50px;
	line-height: 50px;
}

.productsPackShop {
	background: #fff;
	width: 140px;
	position: relative;
	border-radius: 100px;
  padding: 0;
}

.productsPackShop:before {
	border-radius: 100px;
	border-color: #fff;
}

.productsPackShop a {
  display: block;
  position: relative;
  width: 100%;
  height: 60px;
  padding: 0;
}

.productsPackShop img {
	width: 60%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 90px;
}

.productsPackSelectTitle {
	background: #900;
	margin-top: 10px;
	padding: 5px;
	font-size: 20px;
	font-weight: 700;
}

.productsPackSelect .productsPackSelect {
	width: 100%;
	background: none;
}

.productsBenefitCont p {
	font-weight: bold;
}

.steamAnnounce {
	display: block;
  position: absolute;
  font-size: 10px;
  left: 0;
  right: 0;
  margin: auto;
  background: #333;
  width: 60%;
  height: 18px;
  line-height: 16px;
  border-radius: 16px;
  bottom: 40px;
}

.productsPackSelectShop.productsPackSelectShopDigital .btn {
	width: 31%;
}


.howtoMenu ul li:nth-child(2) span { font-size: 80%; transform: scale(0.8, 1); }


@media screen and (min-width: 961px){

	.rig .charaTitle, .bayman .charaTitle, .nico .charaTitle, .raidou .charaTitle {
		font-size: 42px;
	}
	.tina .charaTitle {
		font-size: 38px;
	}

	.characterContent {
		height: 1240px;
	}

	.kula .charaName {
		font-size: 92px;
	}

}
@media screen and (max-width: 960px){

	.bnr-top-sp {
		flex-wrap: wrap;
	}

  .bnr-top {
    width: 90%;
    margin-bottom: 10px;
  }

  .sp-nav-btn-name:after {
    /*content: '5';*/
    display: none;
  }

	.productsPackSelectShop .btn {
		width: 30%;
	}

	.productsContTtl {
		font-size: 20px;
	}

	.productsPackShop {
		width: 40%;
		margin: 10px;
	}

	.productsPackSelectShop .btn {
		width: 45%;
	}

	.steamAnnounce {
		width: 80%;
	}


}