@charset "utf-8";

html{
    font-size: 3.6vw;
}

section{
    margin-bottom: 2rem;
}
.secTitle{
    margin-bottom:1rem;
}
/*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:1rem;	
}
th{
	/*font-size:.9rem;
	letter-spacing:-.1rem;*/
}

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