@charset "utf-8";



input[type="text"]:focus { outline: 0;}

.ex_box div{
	background: #FCF2C3;
	padding: 15px;
	width: 115px;
	line-height: 1.5;
}


#unit_yp .w_table{ position: relative;}


.w_table{ display:table}
.w_table div,
.w_table table{
	display: table-cell;
	vertical-align: middle;
}
.w_table table{ padding-left: 20px;}
.w_table div{ padding: -20px;}


/* -------------------------------------------------
	テーブル
-------------------------------------------------*/
table{ width: 380px;}

table tr{width: auto;}
table tr td{
	text-align: left;
	padding: 5px 0;
}



/* -------------------------------------------------
	右側のテーブル
-------------------------------------------------*/
table.tableR{ width: auto; padding-left: 72px;}

/* -------------------------------------------------
	尺貫法と同じテーブル
-------------------------------------------------*/
table.default_table{ width: auto; margin-left: 20px;}

/* -------------------------------------------------
	換算テーブル
-------------------------------------------------*/
.acMenu .con_text.changebox{ margin-bottom: 10px;}

table.change{
	width: 450px;
	float: left;
	margin-left: 20px;
}

table.change td:nth-child(1){ width: 30%;}
table.change td:nth-child(2){ width: 13%; padding: 10px;}
table.change td:nth-child(3){ width: 14%; padding: 10px;}
table.change td:nth-child(4){ width: 30%;}
table.change td:nth-child(5){ width: 13%; padding: 10px;}

table.change tr td{
	padding: 10px 0;
}

input{
	width: 120px;
	padding: 8px 5px;
	font-size: 108%;
	border:1px solid #000;
}
table.changeR{ margin-left: 40px;}


/* IE */
table.change{ width: 410px\9!important; }

/*ie11*/
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, table.change {width: 410px!important;}
}
/*edge*/
@supports (-ms-accelerator:true) {
	table.change {width: 410px!important;}
}



/* ==================================================== */
/*					スマートフォン対応						*/
/* ==================================================== */
@media only screen and (max-width: 768px) {

	/* -------------------------------------------------
		【スマホ】テーブル
	-------------------------------------------------*/
	table{ width: auto; margin-left: 4%;}
	table.changeR{ margin-left: 4%; width: 100%;}


	.w_table div,
	.w_table table{
		display: block;
		vertical-align: baseline;
	}
	.w_table table{ padding-left: 0;}
	.w_table div{ padding: 0;}


	.ex_box div{
		padding: 5%;
		width: 80%;
		line-height: 1.5;
		margin: 5% auto;
	}




	/* -------------------------------------------------
		右側のテーブル
	-------------------------------------------------*/
	table.tableR{ padding-left: 0; width: auto;}
	table.tableRpt{ padding-top:0; width: auto;}


	/* -------------------------------------------------
		【スマホ】テーブル 尺貫法と同じ
	-------------------------------------------------*/
	table.default_table{ width: auto; margin-left: 4%;}

	/* -------------------------------------------------
		換算テーブル
	-------------------------------------------------*/
	table.change{ width: 92%; float: none; margin: auto;}

	table.change td:nth-child(1){ width: 33%;}
	table.change td:nth-child(2){ width: 9%; padding: 0px;}
	table.change td:nth-child(3){ width: 10%; padding: 0px;}
	table.change td:nth-child(4){ width: 33%;}
	table.change td:nth-child(5){ width: 9%; padding: 0px;}

	input{
		width: 78%;
		padding: 2% 4%;
		font-size: 108%;
		border:1px solid #000;
	}





}