@charset "utf-8";

::selection { background-color: #777; }	/* テキスト選択時の色 */
::placeholder{	color: #fff; }					/* input または textarea 要素のプレイスホルダー文字列 */





/* ----- ヘッダー */

#wrapper{
	float: left;
	padding: 0; margin: 0; width: 100%;
}





/* 変換BOX */
#henkan_box{
/*	display: none;/**/
	clear: both; float: left;
	padding: 0; margin: 50px 0 0 0; width: 100%;
}
/* 選択ボタン */
.sentaku_box{
	clear: both; float: left;
	padding: 0; margin: 0 0 50px 0;
}
.sentaku_on, .sentaku_off{
	float: left;
	padding: 0 10px; margin: 0 10px 10px 0; height: 38px;
	background-color: #333;
	border: 1px #777 solid; border-radius: 4px;
	text-align: center; color: #fff; font-size: 100%; line-height: 38px;
}
.sentaku_box div:last-child{ margin-right: 0 }		/* 最後のdivに適用 */
@media screen and (max-width: 900px){	/* 900px以下 */
	.sentaku_on, .sentaku_off{
		padding: 0 5px; margin: 0 0 10px 0; width:100%;
		text-align: left;
	}
	.sentaku_box div:last-child{ margin: 0 }		/* 最後のdivに適用 */
}
.Ib{
	clear: both; float: left;
	padding: 0; margin: 0; width: 100%;
}
.sentaku_off{ opacity:0.5; }
.sentaku_off:hover{ opacity:0.7; cursor: pointer; }
/* INPUT TYPE 用の親BOX */
.it, .it2{
	clear: both; float: left;
	padding: 0; margin: 0; width: 100%;
}
.it2{ margin-top: 50px; }
/* エラー用	※上下にマージン設定 */
.t0{
	clear: both; float: left;
	padding: 0; margin: 3px 0 15px 0; width: 100%; min-height: 45px; height:auto;
	text-align: left; color: #f30; font-size: 100%; line-height: 22px;
}
/* INPUT 説明テキスト用 */
.t1, .t2, .t3{
	clear: both; float: left;
	padding: 0; margin: 0; width: 100%; min-height: 30px;
	text-align: left; color: #fff; font-size: 100%; line-height: 30px;
}
.t2{ margin: 30px 0 0 0; line-height: 30px; }
/* INPUT TYPE TEXT*/
.text1,.text2{
	padding: 0 5px; margin: 0; width: 300px; height: 35px;
	border: 1px #777 solid;
	background-color: #333; border-radius: 4px;
	text-align: left; color: #fff; font-size: 88%; line-height: 20px;
}
.text2{ width: 100%; }
.text1:focus{ border: 1px #aaa solid; }
/* INPUT TYPE TEXTAREA */
.textarea1{
	padding: 5px; margin: 0; width: 100%; height: 160px;
	border: 1px #777 solid;
	background-color: #333; border-radius: 4px;
	text-align: left; color: #fff; font-size: 88%; line-height: 20px;
}
.textarea1:focus{ border: 1px #aaa solid; }
.button1{
	padding: 5px 15px; margin: 0;
	background-color: #222;
	border: 1px #ddd dashed; border-radius: 4px;
	text-align: center; color: #fff; font-size: 100%; line-height: 26px;
	cursor: pointer;
}
.button1:hover{ border: 1px #aaa solid; background-color: #777; color: #fff; }



/* 注釈除去 */
#kekka10{
	clear: both; float: left;
	padding: 0; margin: 50px 0 0 0; width: 100%;
}
#I_a_2_id{
	padding: 0; margin: 0; width: 95vw; height: 85vh;
}




/* 非表示 */
#sentaku1,#sentaku2,#sentaku3,#sentaku4,#sentaku10{
	display: none;
}

/* 結果 */
.kekka_box{
	display: none;/**/
	clear: both; float: left;
	padding: 0; margin: 50px 0 0 0; width: 100%;
	border-top: 1px #777 dashed;
}
















































/*--- フッター */
footer{
	clear: both; float: left;
	margin-top: 80vh; width: 100%;
	background-color: #222;
	border-top: 1px #555 solid;
}
footer div{
	clear: both; float: left;
	padding: 30px 0; margin: 0; width: 100%;
	background-color: #222;
}
footer div a:link{
	display: block;
	padding: 0; margin: 0;
	text-align: center; color: #f90; font-size: 100%;
}