body {
 width: 1100px;
 margin: auto;
 background-color: #ffffff;
 color: #333333;
 font-size: 16px;
 font-family: "MS Pゴシック",Osaka,sans-serif;
}

.disp {
 display: flex;
}

.disp2 {
 width: 550px;
}

.disp3 {
 width: 366px;
}

.disp4 {
 width: 275px;
}

.hiddenpc { display: none; }
.hiddenmb { display: inline; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }



/* mobile */
@media only screen and (max-width: 430px) {

body {
 width: 390px;
 margin: auto;
 background-color: #ffffff;
 color: #333333;
 font-size: 14px;
 font-family: "MS Pゴシック",Osaka,sans-serif;
}

.disp {
 display: inline;
}

.hiddenpc { display: block; }
.hiddenmb { display: none; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

}