@media only screen and (max-width :480px) {
#pageTitle {
    min-width: unset;
	flex-direction: column;
    gap: 15px;
	padding: 0px;
}
#pageTitle > div:last-child > div {
    padding: 0px;
}
#btArea {
    flex-wrap: wrap;
}

#btArea0 > div:first-child {
    flex-wrap: wrap;
}

#contentsAreaBot {
    flex-direction: column;
}
#contentsAreaBot > div:first-child {
   width: 100%;
}
#contentsAreaTop {
    height: calc(100% - -300px);
}
#infoTitle {
    width: 100% !important;
	margin: 0px;
}
#info_photo {
	margin: unset;
    width: 100% !important;
}
#infoBlockArea {
    padding: 0px 10px 0px 10px;
	width: 100%;
}
#infoBlockArea > div {
	max-width: 100%;
}
#infoArea {
    max-width: 100% !important;
	min-width: unset;
}
#infoBlockAreaOuter {
    max-width: 100%;
}  

}