@charset 'UTF-8'; 
.mainImg{
	background:url(../images/sub2/main_img.png) center center no-repeat;
}

.contentArea{
	min-height:300px;
	padding-top:94px;
}
.shippingInfo {
	text-align:center;
}
.shippingSearch{
	max-width:870px;
	margin:0 auto;
	padding-bottom:50px;
}

.shippingSearch .inputText{
    border: 1px solid #999;
	width : -webkit-calc(100% - 280px); /* for Chrome, Safari */
	width :    -moz-calc(100% - 280px); /* for Firefox */
	width :         calc(100% - 280px); /* for IE */
	box-sizing: border-box;
	min-height:30px;
	border-left:0;
	padding:13px 21px 12px 10px;
}
.shippingSearch .inputText input{
	box-sizing: border-box;
	width:100%;
	font-size:2.4rem;line-height:2.9rem;
	width : -webkit-calc(100% - 31px); /* for Chrome, Safari */
	width :    -moz-calc(100% - 31px); /* for Firefox */
	width :         calc(100% - 31px); /* for IE */
}

.shippingInfo h3.title{
	font-size:2.4rem;line-height:3.7rem;padding-bottom:6px;
}
.shippingInfo h3.title span{
	font-size:2.4rem;line-height:3.7rem;color:#008af1;
}
.shippingInfo .description{
	font-size:2.1rem;line-height:2.8rem;padding-bottom:52px;
}

.shippingInfo .boxType_01{
	border:5px solid #f6f7f9;
	box-sizing: border-box;
	width:100%;
	margin-bottom:40px;
	padding:40px 10px;
}
.shippingInfo .boxType_01 p span{
	font-size:2.5rem;
}
.shippingInfo .boxType_02{
	background:#f6f7f9;
	box-sizing: border-box;
	width:100%;
	padding-bottom:40px;
	padding:40px 10px;
}

.shippingInfo .tagInfo{
	width:70%;
	border:1px solid #bfbfbf;
	box-sizing: border-box;
	font-size:1.5rem;line-height:1.5rem;
	padding:10px;
	text-align:left !important;
	margin:0 auto;
	padding-bottom:30px;
}
.height100{
	height:100px;
}

.infoTable{
	border:1px solid #808080;
	width:100%;
	border-collapse: collapse;
	background:#fff;
}
.infoTable th{
	font-size:1.8rem;
	line-height:1.8rem;
	color:#353542;
}
.infoTable th span{
	font-size:1.5rem;
	line-height:1.8rem;
	color:#606060;
}
.infoTable td{
	font-size: 1.5rem;
	line-height:1.5rem;
}
.infoTable td strong{
	font-size: 1.7rem;
	line-height:1.7rem;
}
.infoTable td .blueColor{
	color:#005ab3;
}

.infoTable .rightBorder{
	border-right:1px solid #dfdfdf;
}

.infoTable .bottomBorder th, .infoTable .bottomBorder td, .infoTable th.bottomBorder, .infoTable td.bottomBorder{
	border-bottom:1px solid #dfdfdf;
}
.tableType01 tr{
	height:66px;
}

.shippingInfo .boxType_01.costBox{
	padding:45px 30px;
	margin-bottom:45px;
}
.shippingInfo .boxType_01.costBox h3{
	padding-bottom:30px;
}
.shippingInfo .boxType_02.costBox{
	padding:50px 45px;
	margin-bottom:55px;
}
.shippingInfo .boxType_02.costBox h3{
	padding-bottom:30px;
}
.tableType02 th{
	padding:25px 22px;
	font-size: 1.6rem;
}
.tableType02 th span{
	font-size: 1.5rem;
}
.tableType02 td{
	padding:20px 15px;
}
.tableType02 td, .tableType02 td p, .tableType02 td label{
	font-size: 1.5rem;
	line-height: 2.1rem;
}
.tableType02 td label{
	display:inline-block;
	padding:3px;
}
.tableType02 td label.positionBox{
	padding-left:20px;
	position: relative;
}
.tableType02 td label.positionBox input[type=radio]{
	position: absolute;
	left:0;
	top:6px;
}

.twinTable{
	display: flex;
	height:280px;
}
.twinTable table{
	height:100%;
}
.twinTable table:first-child{
	width:43%;
}
.twinTable table:last-child{
	border-left:0;
}
.tableType02 td input[type=number]{
	border:1px solid #c0c0c0;
	font-size:1.6rem;
	line-height:3rem;
	width:65%;
	text-align:right;
	padding:5px 0;
	box-sizing: border-box;
}
.tableType02.editType th, .tableType02.editType td{
	padding:0;
}
.tableType02.editType th{
	padding:20px;
}

.tableType02.editType .selNum {
	padding:15px;
}
.tableType02.editType .selNum select{
	border:1px solid #808080;
	font-size:1.6rem;
	line-height:3rem;
	padding:15px;
	width:70%;
}
.tableType02.editType .selNum select option{
	font-size:1.6rem;
	line-height:3rem;
}
.shippingInfo .boxType_02.costBox .btnArea .btn{
	width:230px;
	border-radius: 20px;
}
.shippingInfo .boxType_02.costBox .btnArea .i{
	display:inline-block;
	width:17px;
	height:12px;
	background:url(../images/sub2/rates_btn_arrow.gif) right top no-repeat;
	padding-left:8px;
}

.flexArea{
	display: flex;
}

.flexArea table{
	margin-right:5px;
}
.flexArea table tr th:first-child, .flexArea table tr td:first-child{
	border-right:1px solid #dfdfdf;
}
.flexArea table td{
	padding:10px;
}
/* mobile size */
@media(max-width: 768px) {
	.article_1 ul li a {
		display: block;
		padding: 22px 43px 17px;
	}
	.twinTable{
		display: block;
		height:auto;
	}
	.twinTable table{
		width:100% !important;
		border:1px solid #808080 !important;
		margin:10px 0px;
	}
	.twinTable table .mBorder{
		border-right:none;
	}
	.flexArea{
		display: block;
	}
	
	.flexArea table{
		margin-right:0;
		margin-bottom:5px;
	}
}

@media(max-width: 600px) {
	.shippingSearch .selectBox{
		float:none;
		margin-bottom:-1px;
	}

	.shippingSearch .inputText{
		float:none;
		width:100%;
		border-left: solid 1px #999;
	}
}