@charset "utf-8";
/* *********************
	1分間チェック CSS
********************** */
*{margin:0; padding:0;}
body{
	max-width:730px;
	margin:0 auto;
	font-size:1rem;
	-webkit-text-size-adjust: 100%;
}
.clear{clear:both;}

img{max-width:100%; }
.aligncenter{clear: both; display: block; margin-left: auto; margin-right: auto;}

h1{
	font-size: 1.5rem;
	padding: 0.5em 0;
	margin-bottom:0;
	color: white;
	background-color: #0e0080;
}
h2{
	font-size: 1.25rem;
	line-height: 2rem;
	padding: 0.75rem;
	margin: 1rem 0;
	color: white;
	background-color: royalblue;
	padding: 0.5em;
	border-top: double 8px white;
	border-bottom: double 8px white;
}

h3{
	font-size: 1.5rem;
	font-weight: bold;
	padding-bottom: 8px;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}
h3:after{
	content: ".";
	line-height: 0;
	display: block;
	overflow: hidden;
	position: absolute;
	bottom: -1px;
	width: 30%;
	border-bottom: 1px solid #337ab7;
}

h4 {
	font-size:1.1rem;
	padding: 0.25em 0.5em;
	font-weight: bold;
}

.text{margin:0.5em 0.5em;line-height: 2em;}

/** 中央寄せ **/
.center {
	text-align: center;
}

a{display:contents;}
.container a:hover{text-decoration:none;}

/* ********************* */
/* *ヘッダー */
header {margin:0 auto; text-align:center; max-width:730px;}
header img{margin:0.5rem auto;}
.logo:hover{opacity:0.8;}

/* ********************* */
table{width:100%;}
.input li{margin:0.5em 0; list-style: none;}
.input th{width: 15em; font-weight:bold; background-color: aliceblue;}
@media screen and (max-width: 767px) {
	.input th{width: 9em;}
}

th,td{vertical-align: middle !important;}
dt{margin-bottom: 0.5em;}
.list-hed th{text-align:center;}
.list-no{font-weight:bold; text-align:center; background-color: aliceblue;}
.check-box{text-align:center; width:3.5em; background-color: mintcream;}
label { margin-bottom: 0;}
input[type="checkbox"] {transform: scale(2); vertical-align: middle;}


/* ラジオボタンを大きく */
input[type=radio] {width: 1.5em; height: 1.5em; vertical-align: bottom;}

/* 結果表示 チェック毎のコメント枠 */
.item{padding:0 1em;}

#scale-red{
	width:100%;
	height:3rem;
	background: red;
}
#scale-orange{
	width:100%;
	height:3rem;
	background: orange;
}
#scale-limegreen{
	width:100%;
	height:3rem;
	background: limegreen;
}
#scale-hide{
	width: 0%;
	height: 3rem;
	float: right;
	background-color: white;
}

/* ********************* */
/* ボタン */
	.btn{box-shadow: 1px 1px 2px 0px #686767;}
/* 結果を見る ボタン */
.btn{
	letter-spacing: 0.1em;
	margin: 0.5em auto;
	color: white;
	background-color: orangered;
	box-shadow: 1px 1px 2px 0px #71341e;
}

.btn:hover{color: white; opacity: 0.8;}


/* 注意書き */
#attention {
	width: 4rem;
	height: 4rem;
	line-height: 3rem;
	text-align: center;
	padding: 0.5rem;
	font-size: 1rem;
	color: white;
	border: 1px solid #D32700;
	border-radius: 50%;
	background: red;
}

/* ********************* */
/* フッター */
footer{
	height:4rem;
	padding-top: 1rem;
	background-color: #000080;
	border-top: 3px solid #337ab7;
}
footer p{
	text-align:center;
	color:white;
}
footer a{color:white !important;}

/* *********************
	結果表示
******************** */
/* 戻る ボタン */
.btn-return{
	font-size: 1.2em;
	letter-spacing: 0.1em;
	margin: 0.5em auto;
	padding: 0.5rem 1rem;
	color: white;
	background-color: orangered;
	box-shadow: 1px 1px 2px 0px #71341e;
}

/* ********************* */
/*スマホ*/
	.sp-on{display:none;}
	.sp-off{display:block;}
@media screen and (max-width: 767px) {
	.sp-on{display:block;}
	.sp-off{display:none;}
	
	body{font-size:17px;}
	h1{font-size:1rem;}
	h2{font-size:;}
	h3{font-size:4.5vw;}
	h4{font-size:;}
	
	/*スマホ 注意書 */
	#attention{ display:none;}
	/*スマホ フッター */
	footer p{
		font-size:0.8rem;
	}
}
/* ********************* */

.fc-red{color:red;}