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

/* *********************
	みらいエコ住宅2026（公式サイト寄せの配色）
	- ヘッダー / フッター以外の色味を調整
	- 公式サイト（mirai-eco2026.mlit.go.jp）の「青緑系 + 淡い背景」の印象に寄せる
********************** */
:root{
	--me-primary: #1a9a8a;
	--me-primary-dark: #0f6f66;
	--me-accent: #0b8fd6;
	--me-bg: #f3fbfa;
	--me-bg2: #e6f6f3;
	--me-border: rgba(0,0,0,.10);
	--me-link: #0f6f66;
}
.clear{clear:both;}

img{max-width:100%; height:auto;}
.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.3rem;
	line-height: 2rem;
	padding: 0.75rem;
	margin: 1rem 0;
	color: white;
	background-color: var(--me-primary);
}

h3{
	font-size:1.2rem;
	font-weight: bold;
	padding-bottom: 8px;
	position: relative;
	border-bottom: 1px solid var(--me-border);
}

h4 {
	font-size:1rem;
	font-weight: bold;
	padding: 0.25em 0.5em;
	color: #494949;
	border-left: solid 5px var(--me-primary);
}

p{
	font-size:1em;
	margin-bottom:0.5em;
}

/* リンク（本文エリアのみ） */
.container a{
	color: var(--me-link);
	text-decoration: underline;
}
.container a:hover{
	color: var(--me-primary-dark);
}

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;}

/* ********************* */
/* メイン */
main{max-width:730px; margin:0 auto;}

/* ********************* */
/* チェックリスト */
#check-list{
	text-align: center;
	max-width: 760px;
	margin: 0 auto;
}

.list-hed {
	background-color: var(--me-primary);
	color: white;
}
dt{margin-bottom: 0.5em;}
th,td{font-weight:normal; vertical-align: middle !important;}
.list-no{width:5rem; font-size:1.1rem; background-color: var(--me-bg2);}
.koumoku{text-align : left; background-color: white;}
.check-box{background-color: var(--me-bg2);}
.list-ck{width:6em; font-weight: normal;}

/* チェックボタン */
input[type="checkbox"] {transform: scale(1.8);}
input[type="radio"] {transform: scale(1.8);}
/* セルフチェックの結果を見る ボタン */
.btn-check{
	font-size: 1.2em;
	margin: 0.5em auto;
	padding: 0.5em 1.5em;
	color: white;
	background-color: var(--me-primary);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,.25);
}

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

/* ********************* */
/* フッター */
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;}

/* *********************
	結果表示
******************** */
#result-box{
	margin:0 auto;
}

#result-box h2{
	background-color: var(--me-primary);
	color:white;
	margin-bottom:0;
}

.out{
	background-color: red !important;
	color: white !important;
}

.warning{
	background-color: orange !important;
	color: white !important;
}

#result-index {
	color: white;
	font-size: 1rem;
	width: 2rem;
	display: inline-block;
}

/* 購入指数 結果コメント */
.result-comment {
	max-width: 760px;
	margin: 0.5em auto;
	margin-top:0;
	padding: 1em;
	font-size:1em;
	color:black;
	background-color: var(--me-bg);
}

/* チェックリストに戻る ボタン */
.btn-return{
	font-size: 1.2em;
	letter-spacing: 0.1em;
	margin: 0.5em auto;
	padding: 0.5rem 1rem;
	color: white;
	background-color: var(--me-primary);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,.25);
}

/* ********************* */
/*スマホ*/
	.sp-on{display:none;}
	.sp-off{display:block;}
@media screen and (max-width: 767px) {
	body{font-size:16px;}
	.sp-on{display:block;}
	.sp-off{display:none;}
	
	h1{font-size:initial;}
	h2{font-size:initial;}
	h3{font-size:initial;}
	h4{font-size:initial;}
	/*スマホ ヘッダー */
	.logo{width:70%;}
	/*スマホ チェックリスト */
	#check-list{
		width: fit-content;
	}
	.list-no{width:2rem; padding: 0 !important;}
	.list-ck{
		width: 3rem;
		font-size: 0.8em;
		padding: 0 !important;
	}
	/*スマホ 注意書 */
	#attention{ display:none;}
	#attention-box { width:fit-content;}
	/*スマホ フッター */
	footer p{
		font-size:0.8rem;
	}
}

/* ********************* */