@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%;
	}

	.formnotewrap{
		width: 100%;
		min-height: 43vw
	}

	.main{
		width:100%;
		margin:auto;
		padding: 7%;
		justify-content: center;
		flex-wrap:wrap;
	}

	.member-main{
		width:100%;
		margin:auto;
		padding: 7%;
		justify-content: center;
		flex-wrap:wrap;
	}

	.section {
		margin-bottom: 0;
	}

	.formTable td,.formTable th{
		width: 100%;
		display: block;
		box-sizing: border-box;
	}

	.formTable {
		border-top:1px solid #999;   /* table罫線色 */
		border-bottom:1px solid #999;   /* table罫線色 */
		margin: 16px auto 32px;
	}

	.formTable th{
		border-bottom: none;
	}

	.formTable td{
		border-top: none;
		padding: 5px 0 16px;
	}

	.required {
		float: none;
		margin-left: 10px;
	}

	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;
    }

	.pconly{
	display:none;
    }

	header .wrap{
		width: 100%;
    text-align: center;
    padding: 12px 0;
    }

	header .logo{
		width:50%;
	}

	.main-bg{
		padding: 20px;
		background-size: auto;
	}

	.lead-entry{
		padding-right:0;
		font-size: 3.7vw;
		padding-bottom: 1.2em;
		line-height: 1.6em;
	}

	.img-entry img{
	min-height: auto;
    max-width: 100%;
	}

	.pageTitle{
	padding: 10px 0;
    font-size: 4vw;
	}

	.headernotewrap{
		width: 100%;
		height: 360px;
		align-items: center;
		margin:0px auto;
	}

}