@charset "utf-8";
/* *********************
	1分間チェック CSS
********************** */

/* =============================
	全体（bodyなど）
============================= */
*{margin:0; padding:0;}
body{max-width:730px; margin:0 auto; font-size:16px; -webkit-text-size-adjust:100%;}
.clear{clear:both;}
img{max-width:100%;}
.aligncenter{clear:both; display:block; margin-left:auto; margin-right:auto;}

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

/* 見出し */
h1{font-size:1.5rem; padding:0.5em 0; margin-bottom:0; color:#fff; background-color:#0e0080;}
h2{font-size:1.5rem; line-height:2rem; margin:1rem 0; color:#fff; background-color:royalblue; padding:0.5em; border-top:double 8px #fff; border-bottom:double 8px #fff;}
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{padding:0.25em 0.5em; color:#494949; font-size:1.2rem; font-weight:bold; border-left:solid 5px red;}

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

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

/* テーブル（共通） */
table{width:100%;}
th,td{font-weight:normal; vertical-align:middle !important;}
dt{margin-bottom:0.5em;}

/* 入力フォーム */
.input li{margin:0.5em 0; list-style:none;}
.input input[type=radio]{vertical-align:middle; height:1.5em; width:1.5em;}
.input select{height:2em;}
.input th{width:11em; font-weight:bold; background-color:aliceblue; font-size:18px;}

/* 結果表示（PC共通） */
.basis th{font-weight:bold; text-align:center; width:20%; background-color:aquamarine;}
.basis td{text-align:center;}
.element th{font-weight:bold; text-align:center; width:20%; background-color:aliceblue;}
.element td{text-align:right;}

#deduction{margin:0 auto;}
#deduction th{font-weight:bold; text-align:center; width:33%; background-color:lightblue;}
#deduction td{text-align:right;}

#deduction-2{max-width:580px; margin:0 auto;}
#deduction-2 th{font-weight:bold; text-align:center; background-color:lavender;}
#deduction-2 td{text-align:right;}
#deduction-2 .koujyo-kaisuu{width:5em;}
#deduction-2 .koujyo-nengetu{width:9em;}
#deduction-2 .koujyo-zandaka{width:10em;}
#deduction-2 .koujyo-gaku{}

/* ボタン */
.btn-check{font-size:1.2em; letter-spacing:0.1em; margin:0.5em auto; padding:0.5em 1.5em; color:#fff; background-color:orangered; box-shadow:1px 1px 2px 0px #71341e;}
.btn-return{font-size:1.2em; letter-spacing:0.1em; margin:0.5em auto; padding:0.5rem 1rem; color:#fff; background-color:orangered; box-shadow:1px 1px 2px 0px #71341e;}
.btn{box-shadow:1px 1px 2px 0px #686767;}
.btn:hover{color:#fff; opacity:0.8;}

/* 注意書き */
#attention{height:3rem; line-height:1rem; text-align:center; padding:0.5rem; font-size:1rem; color:#fff; 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:#fff;}
footer a{color:#fff !important;}

/* =============================
	PC用（sp-on / sp-off）
============================= */
.sp-on{display:none;}
.sp-off{display:block;}

/* =============================
	スマホ用（max-width: 767px）
============================= */
@media screen and (max-width: 767px) {
	body{font-size:16px;}

	/* sp表示切替 */
	.sp-on{display:block;}
	.sp-off{display:none;}

	/* 見出し */
	h1{font-size:1rem;}
	h2{font-size:1.5rem;}

	/* 注意書き */
	#attention{display:none;}

	/* フッター */
	footer p{font-size:0.8rem;}

	/* 入力フォーム：スマホ時に<th>と<td>を縦並びにする */
	.input th{width:8em; font-size:16px;}
	table.table-bordered.input tr{display:block;}
	table.table-bordered.input th, table.table-bordered.input td{display:block; width:100%;}
	table.table-bordered.input th{width:100%;}
	table.table-bordered.input td{border-top:none;}

	/* 結果表示 */
	.element th{width:auto; font-size:1em;}
	.element td{font-size:1em;}

	#deduction th{width:auto; font-size:0.9em;}
	#deduction td{font-size:1em;}

	#deduction-2{max-width:430px;}
	#deduction-2 .koujyo-kaisuu{width:4em;}
	#deduction-2 .koujyo-nengetu{width:7em;}
	#deduction-2 .koujyo-zandaka{width:8em;}
}

/* =============================
	調整用（文字色など）
============================= */
.fc-red{color:red;}