@charset "utf-8";
/* CSS Document */

@media screen and (max-width:550px){
	.back{
    width: 80%;
		margin-left: auto;
		margin-right: auto;
    background: #414141;
    color: aliceblue;
    text-align: center;
    padding: 10px;
    margin-top: 20px;
		margin-bottom: 20px;
    font-size: 1rem;
}
	table{
border: 1px solid #414141;
	text-align: center;
	overflow-x:scroll;
    white-space: nowrap;
　display: block;
		margin-left: auto;
		margin-right: auto;
		width: 95%;
}
table td{
width: 33%;
border: 1px solid #414141;
padding: 5px;
}
table img{
    width: 115px;
}
	
}

@media screen and (min-width:551px){
	.mainframe_ a:hover{
    opacity: 0.8;}
.back{
    width: 750px;
    background: #414141;
    color: aliceblue;
    text-align: center;
    padding: 10px;
    margin-top: 20px;
    font-size: 1rem;
}
table{
border: 1px solid #414141;
	text-align: center;
	overflow-x:scroll;
    white-space: nowrap;
　display: block;
}
table td{
width: 250px;
border: 1px solid #414141;
padding: 5px;
}
table img{
    width: 115px;
}
}