@charset "shift_jis";

body{
	background-color: #222;
	color: #fff;
	margin-bottom: 100px;
}
a {
	color: #ffffff;
}

.flexbox{
	display: flex;
	width: 1080px;
	margin: 0 auto;
}
.flexbox .side, .flexbox .main{
	margin: 0 30px;
}
h1,h2,th{
	font-family: 'Arial Black',sans-serif;
}

/*main------------------------------*/
.main{
	width: 100%;
}
.main .center{
	text-align: center;
}

.main h1{
	font-size: 50px;
	background-color: #ff0000;
    margin: 15px 0 20px;
    padding: 5px 0 10px;
}

.main .center{
	margin: 0 0 40px;
}
.table p{
	text-align: center;
	border: 2px solid;
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
}

table{
	border-collapse: collapse;
	margin: 0 auto;
	width: 100%;
}

table th{
	font-size: 25px;
	padding: 10px 20px;
	text-align: left;
}
table th:first-child{
	text-align: center;
	padding: 10px 0;
}

table tr td:first-child{
	font-weight: bold;
	text-align: center;
	border-right: 2px solid #fff;
}
table tr th:nth-child(2){
	padding: 0 35px;
}
table tr td:nth-child(2){
	padding: 0 35px;
}
table tr td:nth-child(3){
	padding: 0 50px 0 0;
	text-align: right;
	font-weight: bold;
}
table td{
	font-size: 18px;
	padding: 10px 20px;
}
table tr:nth-child(even){
	background-color: #333;
}


.btn{
	background-color: #ff0000;
	text-align: center;
    width: 220px;
    margin: 60px auto 0;
    padding: 1px;
}

/*side------------------------------*/
.side{
	width: 300px;
}
.side h2{
	font-size: 20px;
	background-color: #ff0000;
	padding: 13px;
	margin: 15px 0 5px;
}

.side .box{
	padding: 10px 13px;
	background-color: #333;
}
.side p{
	margin: 10px;
}
.side p:hover{
	opacity: 0.5;
	transition: 0.1s;
}