@charset "utf-8";
/* CSS Document */

@media screen and (max-width:768px){
	body{font-size: 14px;}
	
	input, button, textarea, select{
		-webkit-appearance:  none;
		-moz-appearance:  none;
		appearance:  none;
		padding: 12px !important;
		font-size: 15px;
		box-sizing: border-box;
		border: 1px solid #d2d2d2;
		box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2) inset;
	}
	
	input[type="text"],select{
		width: 100%;	
	}
	
	input[type="checkbox"],input[type="radio"]{
		vertical-align: middle;
		position: relative;
		background: #fff;
	}
	
	input[type="checkbox"]:checked:after {
		position: absolute;
		top: 5px;
		left: 5.5px;
		content: "";
		width: 14px;
		height: 14px;
		background: #54B3DE;
		-webkit-border-radius: 2px;
		border-radius: 2px;
	}
	
	input[type="radio"]{
		box-sizing: border-box;
		border-radius: 50%;
		margin-right: 4px;
		background: #fff !important;
		width: 25px;
    	height: 25px;
	}
	
	input[type="radio"]:checked:after {
		display: block;
		position: absolute;
		top: 5.5px;
		left: 6px;
		content: "";
		width: 13px;
		height: 13px;
		background: #54B3DE;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}
	
	label.labelBtn{
		width: 45%;
		display: inline-block;
	}
	
	.wrap{
		width: 100%;
	}
	
	.main{
		padding: 0 16px;
	}
	
	.section {
		margin-bottom: 0;
	}
	
	.formTable td,.formTable th{
		border: none;	
		width: 100%;	
		display: block;
		box-sizing: border-box;
	}
	
	.formTable td{
		padding: 16px 0;	
	}
	
	input[name="oaddress"],input[type="text"][name^="email"], input[type="text"][name*="address"] {
		width:100% ;	
	}
	
	input[name^=hphone],input[name^=ophone],input[name^=etcphone],input[name^=fax],input[name^=opost],input.inputS[type="text"]{
		width: 5em;	
		margin-right: 4px;
	}
	
	input[name$="id"]{
		width: 65%;
	}
	
    input[name="recommand_id"]{
        width: 100%;
    }

	.footer{
		padding: 16px 0;	
	}
	
	.copyright{
		margin-bottom: 16px;	
	}

	.shop-btn, .shop-btn:link, .shop-btn:visited, .shop-btn:active, .shop-btn:hover{
		font-size: 12px;
	}
	
	.privacyPolicyWrap{
		height: 10em;
		overflow: auto;
		border: 1px solid #ccc;
		margin-bottom: 8px;
		-webkit-overflow-scrolling: touch;
	}
	
	iframe.privacyPolicy{
		width: 100%;
		height: 100%;
		border: none;
		margin-bottom: 0;
		overflow: auto;
	}
	
	#responsiveType{
        display: block;
    }
}