@charset "Shift_JIS";

img {
	max-width:100%;
	height:auto;
}

input {
margin-bottom:5px;
}

input[name="msg"] {
    width:100%;
}


.wrap {
	max-width:960px;
	margin:auto;
}

/*-----------------------------------------------------------------------

header

-----------------------------------------------------------------------*/
.header_area {
    background: #0049a3;
    text-align: center;
    padding: 5px 15px;
}
.header_area h1 a {
    color: #fff;
}
h1 {
    color: #fff;
    font-weight: 700;
    font-size:14px;
    margin:0;
    padding:0;
}


/*sortabletable.js*/
 .sort-arrow {
 width: 17px;
 height: 17px;
 background-position: center center;
 background-repeat: no-repeat;
 margin: 0 2px;
 background-image: url("../image/blank.png");
 }
 .sort-arrow.descending {
 background-image: url("../image/downsimple.png");
 }
 .sort-arrow.ascending {
 background-image: url("../image/upsimple.png");
 }
 /*filterabletable.js*/
 .filter-box {
 width: 100%;
 height: 1.5em;
 margin: 0;
 }



@media screen and (min-width: 0px) and (max-device-width: 960px) {

table.main {
}
table.main > tbody > tr {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap-reverse;
}
table.main > tbody > tr > td {
	width:100%;
}
td.menubar {
	width:auto;
}
div#menubar {
	width:auto;
	margin:0;
}
div#body {
	margin:0;
}

#menubar ul:nth-child(3) {
	margin:0;
	padding:0;
}

/*
#menubar ul:nth-child(3) li {
	float:left;
	width: calc(50% - 30px);
	list-style: none;
	border: 1px solid #CCC;
	margin:0;
	padding:14px;
}
#menubar ul:nth-child(3):after {
	content:"";
	display:block;
	clear:both;
}
*/

}


#body ul {
	margin: 0;
	padding: 0;
	margin-left: 16px;
	padding-left: 16px;
}

#hero_list #body ul {
	display:flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	border-left: solid 1px #CCC;
	border-top: solid 1px #CCC;
}

#hero_list #body li {
	width:33%;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

#hero_list #body li > a {
	display:block;
	padding:10px;
	height: calc(100% - 20px);
}