.total { position:relative; }

.total img { width:100%; height:auto; }

.totalNum { position:absolute; display:block; top:15px; left:5px; color:#D20A0C; font-weight:bold; line-height:100%; }

#topTotal { font-size:18px;  }

.totalttl { font-size:8px; color:#333; display:block; line-height:150%;}

.topmainText { color:#584a34; font-size:14px; line-height:1.4; margin:5px 10px 10px; text-align:center; font-weight:normal;}
.topmainText span { letter-spacing:-0.2em; }


@media screen and (max-width: 400px) {



.totalNum { position:absolute; display:block; top:15px; left:5px; color:#D20A0C; font-weight:bold; line-height:100%; text-align:center; }

#topTotal { font-size:22px;  }

.totalttl { font-size:8px; color:#333; display:block; line-height:150%;}

}



@media screen and (min-width: 401px) {



.totalNum { position:absolute; display:block; top:15px; left:5px; color:#D20A0C; font-weight:bold; line-height:100%; text-align:center;  }

#topTotal { font-size:33px; }

.totalttl { font-size:14px; color:#333; display:block; line-height:150%;}

}



#formBox { margin:10px; background-color:#97ccd8; border-radius:.6em; padding:14px 10px; letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */ }

.formBoxTitle{ border-bottom:2px solid rgba(255,255,255,0.5); color: #fff; font-size:15px; font-weight:bold; line-height:1.2; letter-spacing: -.04em; margin:0 0 10px; padding:0 0 8px; text-align:center; text-shadow: 0 0 6px #3F93A6;}

#formBox select { width:75%; height:50px; border-top-right-radius:6px; border-bottom-right-radius:6px; border:none; display:inline-block; font-size:130%; position:relative; z-index:1; opacity:0; letter-spacing: normal; /* 文字間を通常に戻す */ }

#formBox .step,#formBox .steps { width:25%; display:inline-block; background-color:#D20A0C; height:50px; text-align:center; line-height:50px; font-size:15px; font-weight:bold; border-top-left-radius:6px; border-bottom-left-radius:6px; color:#FFF; }

.active .step,.active .steps { background-color:#D20A0C!important; text-shadow:1px 1px 6px #FFC926,-1px -1px 6px #FFC926; }



#topForm .select1 { border-radius:6px; background-color:#FFFFFF; box-sizing:border-box; margin-bottom:10px; position:relative; border:2px solid #DFDCC1; }

#topForm .select1.active {border:2px solid #FFC926; background-color:#FFC926; -webkit-box-shadow:1px 1px 3px #317281; box-shadow:1px 1px 3px #317281; }

#topForm .select2 {border-radius:6px; background-color:#FFFFFF; box-sizing:border-box; margin-bottom:10px; position:relative; border:2px solid #DFDCC1;}

#topForm .select2.active {border:2px solid #FFC926; background-color:#FFC926; -webkit-box-shadow:1px 1px 3px #317281; box-shadow:1px 1px 3px #317281;}

#topForm .select3 {border-radius:6px; background-color:#FFFFFF; box-sizing:border-box; position:relative; border:2px solid #DFDCC1;}

#topForm .select3.active {border:2px solid #FFC926; background-color:#FFC926; -webkit-box-shadow:1px 1px 3px #317281; box-shadow:1px 1px 3px #317281;}

#topForm .select1 span,#topForm .select2 span,#topForm .select3 span { display:none; }

#formBox .active select { color:#333; -webkit-appearance:none; background-color:#FFFFFF; border-radius:0;  border-top-right-radius:6px; border-bottom-right-radius:6px; }

#formBox .selected select { color:#333; -webkit-appearance:none; background-color:#FFFFFF;  }

#formBox select:disabled { color:#A7A7B7; -webkit-appearance:none; background-color:#FFFFFF; }

.result { height:40px; background-image:url(); background-size:40px; padding-left:50px; background-repeat:no-repeat; position:relative; width:100%; box-sizing:border-box; margin-top:10px; position:relative; letter-spacing: normal; /* 文字間を通常に戻す */}

.result.ris { height:40px; position:relative; box-sizing:border-box; position:relative; margin:10px 20px 0 20px; text-align:center; width:auto; padding:0;}

.resultNum { display:inline-block; margin-left:10px; margin-right:40px; height:40px; text-align:right; position:absolute; top:10px; right:25px; }

.noResult .resultNum { position:absolute; top:10px; right:25px; width:auto!important; height:40px; text-align:right; }
.result img { vertical-align:-7px; margin-right:10px; }

.thisArea { display:inline-block; }

.thisArea.riss { display:inline-block;  }

.resultNum.risss { display:inline-block; margin-left:5px; height:40px; margin-right:0; position:static;  text-align:right; width:80px; }

.resultNum.risss #topResult { font-size:24px; }

.m3 { position:absolute; top:0; right:0; height:50px; width:60px; text-align:center; border-radius:.6em;  padding:5px; box-sizing:content-box; line-height:30px; background-image:url(/static/20251105-163605648/smt/resource/images/normal/top/3mi.png); background-repeat:no-repeat; background-size:contain;}
.m3a { position:absolute; top:0; right:0; height:60px; width:70px; text-align:center; border-radius:.6em;  padding:5px; box-sizing:content-box; line-height:30px; background-image:url(/static/20251105-163605648/smt/resource/images/normal/top/3mi2.png); background-repeat:no-repeat; background-size:contain;}

.m3.ri { position:absolute; top:0; left:0!important; height:50px; width:60px; text-align:center; border-radius:.6em;  padding:5px; box-sizing:content-box; line-height:30px; width:50px;}
.m3a.ri { position:absolute; top:-12px; left:-15px!important; height:60px; width:70px; text-align:center; border-radius:.6em;  padding:5px; box-sizing:content-box; line-height:30px;}


.m3 span,.m3a span { font-size:140%!important; color:#D20A0C; font-weight:bold; }

.noResult.result { padding-left:0px!important; background-image:none!important; margin-left:0; margin-right:0; }

.noResultText { margin-right:50px; font-size:80%; line-height:120%; text-align:left;}

.ris .noResultText { margin-right:10px; font-size:80%; line-height:120%; width:60%;}



#topForm .select1 .step { background-image:url(/static/20251105-163605648/smt/resource/images/normal/top/step1.png); background-repeat:no-repeat; background-size:auto 12px; background-position:center;  text-indent:-9999px; }

#topForm .select2 .step { background-image:url(/static/20251105-163605648/smt/resource/images/normal/top/step2.png); background-repeat:no-repeat; background-size:auto 12px; background-position:center;  text-indent:-9999px; }

#topForm .select3 .step { background-image:url(/static/20251105-163605648/smt/resource/images/normal/top/step3.png); background-repeat:no-repeat; background-size:auto 12px; background-position:center;  text-indent:-9999px; }

#topForm .select1 .steps { background-image:url(/static/20251105-163605648/smt/resource/images/normal/top/step1.png); background-repeat:no-repeat; background-size:auto 12px; background-position:center;  text-indent:-9999px; }

#topForm .select2 .steps { background-image:url(/static/20251105-163605648/smt/resource/images/normal/top/step2.png); background-repeat:no-repeat; background-size:auto 12px; background-position:center;  text-indent:-9999px; }

#topForm .select3 .steps { background-image:url(/static/20251105-163605648/smt/resource/images/normal/top/step3.png); background-repeat:no-repeat; background-size:auto 12px; background-position:center;  text-indent:-9999px; }



#topForm .select1.active .step { background-image:url(/static/20251105-163605648/smt/resource/images/normal/top/step1_a.png)!important; background-repeat:no-repeat; background-size:auto 18px; background-position:center;  text-indent:-9999px; }

#topForm .select2.active .step { background-image:url(/static/20251105-163605648/smt/resource/images/normal/top/step2_a.png)!important; background-repeat:no-repeat; background-size:auto 18px; background-position:center;  text-indent:-9999px; }

#topForm .select3.active .step { background-image:url(/static/20251105-163605648/smt/resource/images/normal/top/step3_a.png)!important; background-repeat:no-repeat; background-size:auto 18px; background-position:center;  text-indent:-9999px; }



#topForm .select1.active .steps { background-image:url(/static/20251105-163605648/smt/resource/images/normal/top/step1_b.png)!important; background-repeat:no-repeat; background-size:auto 18px; background-position:center;  text-indent:-9999px; }

#topForm .select2.active .steps { background-image:url(/static/20251105-163605648/smt/resource/images/normal/top/step2_b.png)!important; background-repeat:no-repeat; background-size:auto 18px; background-position:center;  text-indent:-9999px; }

#topForm .select3.active .steps { background-image:url(/static/20251105-163605648/smt/resource/images/normal/top/step3_b.png)!important; background-repeat:no-repeat; background-size:auto 18px; background-position:center;  text-indent:-9999px; }



.valueBox span { font-size:130%!important; }



#info { padding:10px; border-top:1px solid #eee; }

#info p { margin:0; }



#topResult { font-size:27px; }

.resultNum { color:#D20A0C; }



#btnTop1:disabled { -webkit-appearance:none; opacity:1;

	background-image:url(/static/20251105-163605648/smt/resource/images/normal/top/bt_d.png); background-repeat:no-repeat; background-size:auto 50px;
width:100%;height:50px;

width:100%; padding:10px 0; border-radius:.6em; border:2px solid #FFF; -webkit-box-shadow:1px 1px 3px #333; box-shadow:1px 1px 3px #333; text-shadow:none; color:#eee; background-repeat:no-repeat; background-position:left center;

	 }

#btnTop1{ -webkit-appearance:none; opacity:1;
background-image:url(/static/20251105-163605648/smt/resource/images/normal/top/bt.png); background-repeat:no-repeat; background-size:auto 50px;
width:100%;height:50px; border-radius:.6em; border:2px solid #FFF; -webkit-box-shadow:1px 1px 3px #333; box-shadow:1px 1px 3px #333; text-shadow:1px 1px 0px #333; color:#FFF; font-size:19px; font-weight:bold; background-repeat:no-repeat; background-position:left center;

	 }

#d2 #btnTop1:disabled,
#d2 #btnTop1 { -webkit-appearance:none; opacity:1;

	background-image:url(/static/20251105-163605648/smt/resource/images/normal/top/bt.png)!important; background-repeat:no-repeat; background-position:center center; background-size:auto 50px;
    background-color: #ff7f26; width:100%;height:50px;

padding:10px 0; border-radius:.6em; border:2px solid #FFF; -webkit-box-shadow:1px 1px 3px #317281; box-shadow:1px 1px 3px #317281; text-shadow:none; color:#eee;

	 }

#formBox .submit{ position:relative; margin-bottom:0; }
#btnTop1-disabled{ background:transparent; display:inline-block; position:absolute; top:0; left:0; width:100%; height:50px; }


.marginArea { margin:10px; }

h3.pointTTL01 { font-size:18px; text-align:center;}

h3.pointTTL01 span { color:#D20A0C; }

#PointArea h4 { background-color:#736D3C; padding:5px; color:#FFF; font-size:16px; border-radius:.3em; background-image:url(/static/20251105-163605648/smt/resource/images/normal/top/close.png); background-repeat:no-repeat; background-position:right center; background-size:31px 22px; }

#PointArea h4.opens {  background-image:url(/static/20251105-163605648/smt/resource/images/normal/top/open.png);}

#PointArea h4 span { width:22px; height:22px; border-radius:11px; background-color:#FFFFFF; text-align:center; line-height:22px; color:#333; display:inline-block; margin-right:5px; }

ul.point { overflow:hidden; list-style-type:none; margin:5px 0 10px 0; padding:0; display:none; }

ul.point li { float:right; width:60%; margin:0; padding:0; }

ul.point li:first-child { width:40%; float:left; box-sizing:border-box; padding:0px 10px 0px 0; margin:0; line-height:0; }

ul.point li img { width:100%; height:auto; }



#main02Block .inner { overflow:hidden; padding:0px 10px 10px 10px; margin-top:10px; box-sizing:border-box;}

#main02Block { margin-bottom:10px; }



#commonPrefLinks p { margin:10px; }



.list-basic li a { overflow:hidden; }

.list-basic li .thumb { float:left; }

.list-basic li .txt { float:left; width:80%; padding-right:15px; box-sizing:border-box; }



.article { border-bottom:1px solid #C5C5C5; padding:10px 0 10px 0; }

.article .title { font-weight:bold; font-size:15px; }

.article .title .txtRd { color:#D20A0C; }

.article .date { text-align:right; }

.article .date .fRight { color:#B28500; }

.article p { margin:0px 0px 5px 0; }



body { font-size: 12px;

}



.noJS,.cookieOff { padding:10px; }



.show { display:block!important; }

.noResult { padding-right:50px; }



.valueBox { background-color:#FFFFFF; position:absolute; top:0; left:25%; z-index:0; padding:10px; color:#000000;width:75%; height:50px; border-top-right-radius:6px; border-bottom-right-radius:6px; border:none; display:inline-block; font-size:100%;letter-spacing: normal; /* 譁ュ鈴俣繧帝蟶ク縺ォ謌サ縺*/ }

#topForm .select1 span,#topForm .select2 span,#topForm .select3 span { display:block; height:50px;  line-height:30px; }

/* 7.11追加 */
#initDispForm {
	display: none;
}