@charset "utf-8";

html{
    font-size: 3.6vw;
}
body::before {
    background-image: url(../../img/bg-sp.jpg);
}
section{
    margin-bottom: 2rem;
}
.secTitle{
    margin-bottom:0;
}
/*Button*/
.commonButton{
    padding: 1rem 0.5rem;
}
.orangeButton{
    font-weight:normal;
    max-width: 20rem;
    letter-spacing: 0px;
    line-height: 1.5rem;
}

/*background*/
.background{
    border-width:3px;
	padding:1rem;
}
.background2{
    border-width:3px;
}
.background3-1{
    border-width:3px;
}
.background3-2{
    border-width:3px;
}
.background3-2 p a{
    font-size: 1.2rem;
	margin: 0 auto;
	width: 100%;
}
.background4{
    border-width:3px;
}
/*background*/

.firstView h1 .topImage{
	margin:0 auto;
	max-width:100%;
	max-height:none;
	aspect-ratio:auto 640/1010;
}
.firstView h1 + .topImage {
    margin-top:-1rem;
}
.topImageband{
	/*background-size:250%;
	padding-top:17%;
	margin-top:-1.5rem;*/
}
.howToPlay .listMark {
    font-size: 1rem;
	letter-spacing: 0;
}
/*/////Button*/

/*productInfo*/
.productInfo .it > .image {
    width:100%;
	margin-bottom:2rem;
}
.productInfo .it > .text{
    width:100%;
	margin-left:0;
}
.productInfo .infoText .textInner{
	margin-top:-3rem;
	padding:0;
}
.productInfo .infoText .textInner > ul > li{
    font-size: 1.1rem;
    padding: 1rem;
}
.productInfo .productMargin{
    margin-left: calc(4rem * 1);
}
table{
	font-size:.9rem;	
}
th{
	width: 35%;
	/*font-size:.9rem;
	letter-spacing:-.1rem;*/
}

/*------ add ------*/
.flex img{
	width:100%;
}

/*---figure---*/
figure.peach{
	width: 25%;
	top:unset;
	bottom: -10%;
	left:unset;
	right:-17%;
}
figure.kinopio{
	width: 25%;
	top:unset;
	bottom: -11%;
	left:-17%;
	right:unset;
}
figure.luigi{
	width: 25%;
	top:unset;
	bottom: -14%;
	left:unset;
	right:-16%;
}
figure.yoshi{
	width: 25%;
	top:unset;
	bottom: -35%;
	left:-16%;
	right:unset;
}