@charset "utf-8";
/* CSS Document */
@media only screen and (max-width :580px){
	
body {
    margin: 0px;
}
/********************/
.contentsAll {
	margin: 0px;
	border-radius: 0px;
}
.infoBlock {
    flex-direction: column;
	gap: 0.5em;
}
.infoBlock > ol {
	flex-direction: column;
	margin: 0px;
}

.infoBlock > ul {
	margin: 0px;
	text-align: center;
}
.infoBlock:has( .howtoList) {
	align-items: center;
}
.howtoList {
	flex-direction: column;
    align-items: center;
    width: 100%;
}
.infoBlock:has( .list2) {
	align-items: center;
}
.ML-1_3 {
    margin-left: 0em;
}
.contBlock2Out {
	background: unset;
}
.contBlock2 {
    padding: 10px
}
.infoBlock2 {
	padding: 0.5em;
}
.infoBlock2 > div {
	gap: 0.5em;
}
.infoBlock2 > div > div {
    flex-direction: column;
	gap: 0em;
}
.infoBlock2 > div > div > div:nth-child(1) {
    min-width: unset;
    text-align: center;
}
.infoBlock2 > div > div > div:nth-child(2) {
    text-align: center;
}
.infoBlock2 .ai_center:has( svg) {
	justify-content: center;
}
.styleSP li {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.infoBlock ul span.fsL {
    font-size: 100%;
}

.infoBlock:has( table) {
	align-items: center;
}
.aboutContest {
	display: none;
}
/*****/
.table1Area {
    flex-direction: column;
	padding-top: 5px;
}
.table1Area > table {
	margin-left: 0px !important;
}
.table1Area > table:nth-child(1) th:nth-child(2) {
	min-width: 10.8em;
}
.table1Area > table:nth-child(2) th:nth-child(2) {
	min-width: 10.8em;
}
.table1 {
	border-spacing: 3px;
}
.table1 td {
	padding: 0.25em 0.5em;
}

}

@media only screen and (max-width :1180px){
.infoBlock:has( table) {
	flex-direction: column;
}
.table1 {
	margin-left: 0px;
}
}