@import "pc.css";
@import "sp.css";
.hokan_table table th {
	border-top : 1px solid #fff;
	border-right : 1px solid #fff;
	background: #ffa500;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 13px;
	width: 30%;
	box-sizing: border-box;
	font-weight: normal;
}
.hokan_table table td {
	border-top : 1px solid #fff;
	border-right : 1px solid #fff;
	background: #eee;
	text-align: right;
	padding: 10px 5px;
	box-sizing: border-box;
	font-size: 13px;
}
.pack_table table th {
	border-top : 1px solid #fff;
	border-right : 1px solid #fff;
	background: #3399cc;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 13px;
	width: 30%;
	box-sizing: border-box;
	font-weight: normal;
}
.pack_table table td {
	border-top : 1px solid #fff;
	border-right : 1px solid #fff;
	background: #eee;
	text-align: right;
	padding: 10px 5px;
	box-sizing: border-box;
	font-size: 13px;
}
.futon_table table th {
	border-top : 1px solid #fff;
	border-right : 1px solid #fff;
	background: #810080;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 13px;
	width: 30%;
	box-sizing: border-box;
	font-weight: normal;
}
.futon_table table td {
	border-top : 1px solid #fff;
	border-right : 1px solid #fff;
	background: #eee;
	text-align: right;
	padding: 10px 5px;
	box-sizing: border-box;
	font-size: 13px;
}
.cosplay_table table th {
	border-top : 1px solid #fff;
	border-right : 1px solid #fff;
	background: #f77bff;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 13px;
	width: 30%;
	box-sizing: border-box;
	font-weight: normal;
}
.cosplay_table table td {
	border-top : 1px solid #fff;
	border-right : 1px solid #fff;
	background: #eee;
	text-align: right;
	padding: 10px 5px;
	box-sizing: border-box;
	font-size: 13px;
}
.option_table table th {
	border-top : 1px solid #ccc;
	border-right : 1px solid #ccc;
	background: #DAF2FF;
	text-align: center;
	padding: 10px;
	width: 30%;
	box-sizing: border-box;
	font-weight: normal;
}
.option_table table td {
	border-top : 1px solid #ccc;
	border-right : 1px solid #ccc;
	text-align: right;
	padding: 10px 5px;
	box-sizing: border-box;
}
.modal-content {
    position:fixed;
    display:none;
    z-index:2;
    width:50%;
    margin:0;
    padding:10px 20px;
    border:2px solid #aaa;
    background:#fff;
}
.modal-content p {
    margin:0;
    padding:0;
}
.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}
.modal-open {
    color:#00f;
    text-decoration:underline;
}
.modal-open:hover {
    cursor:pointer;
    color:#f00;
}
.modal-close {
    color:#00f;
    text-decoration:underline;
}
.modal-close:hover {
    cursor:pointer;
    color:#f00;
}