@import "bootstrap/css/bootstrap.min.css";
@import "flat-ui.css";
@import "flat-ui.ext.css";
@import "base.css";

/* 共通 */
h1 img.title-logo {
	margin: 0 auto;
	max-height: 96px;
}
body {
	background-color: #eee;
	font-family: Lato,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック",Helvetica,Arial;
}
.container {
	background-color: #fff;

}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 28px;
}
a:not(.btn) {
 color: #3498DB;
 text-decoration: underline;
}
a:hover, a:focus {
 color: #2980B9;
 text-decoration: none;
}

.title {
	padding: 8px;
	line-height: 1.5;
}


/* ログイン画面 */
#loginId-fields > div:first-child {
	background: url("../img/hyphen.gif") 100% 50% no-repeat;
}
#loginId-fields > div:first-child + div {
	background: url("../img/hyphen.gif") 0 50% no-repeat;
}


/* 受検画面 */
.question-sheet h1.logo {
	display: none;
}
input[type="radio"][data-toggle="radio"]:checked ~ span {
	color: #16A085;
	font-weight: bold;
}
label.text-muted .icons{
	opacity: 0.5
}

.question {
	background: url("../img/dot.gif") 0 1em repeat-x;
}
.question span:not(.label) {
	background-color: #fff;
	padding-right: 8px;
}
.question-target {
	margin-top: -10px;
	padding-left: 26px;
	font-weight: bold;
}
.rest-message {
	color: #C0392B;
	font-weight: bold;
	text-align: center;
}
@media (max-width: 767px) {
h1 {
	font-size: 24px;
}
h2 {
	font-size: 20px;
}
label.radio-inline {
	display: block;
}
.question-sheet label.radio-inline:first-child {
	margin-left: 10px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
h1 {
	font-size: 30px;
}
h2 {
	font-size: 24px;
}
}


/* 結果画面 */
.result-sheet h1.logo {
	display: none;
}
h2 .glyphicon-heart {
	color: pink;
	vertical-align: top;
}
h2 .glyphicon-search {
	color: #3498DB;
	vertical-align: top;
}

.radar {
	line-height: 1.25;
	margin: 0 auto;
}
#graphA_1 + div {
	top: 0px !important;
}

table.result {
	width: 100%;
	min-width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
}
table.result>thead>tr>th:first-child {
	width: 60%;
}
table.result>thead>tr>th {
	color: #fff;
	background-color: #3498DB;
	padding: 8px;
}
table.result>tbody {
	background-color: #eee;
}
table.result>tbody>tr>th {
	font-weight: normal;
	border-bottom: 2px solid #ccc;
	padding: 4px 0 4px 8px;
}
table.result>tbody>tr>td {
	font-weight: bold;
	font-size: 32px;
	text-align: center;
	border-bottom: 2px solid #ccc;
	padding: 4px 16px;
}
@media (min-width: 992px) {
.method-description {
	margin-top: -2em;
}
}