* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}




/*RESET the FORM*/
fieldset { border: 0!important;}

input, button, textarea, select { font-size:100%; outline:none; resize:none}
input[type="button"]{cursor:pointer; border:0}
input[type="submit"]{cursor:pointer; border:0}
input[type="reset"]{cursor:pointer; border:0}
input, textarea{-webkit-appearance:none;} 

input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0; }

/*RESET IMAGES*/
img { 
	display: block;
	max-width: 100%;
	border: 0;
	margin: 0 auto;
}

/*IMAGE CENTER*/
.vertical-center {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute; 
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}





/*RESET FONTS*/
.t2 { text-indent: 2em;}
em { font-style: normal;}

.text-center { text-align: center;}
.text-right { text-align: right;}

.overf {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*MARGIN*/
.mr20 { margin-right: 20px;}



/*LAYOUT*/
.inner-wrap {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

@media (max-width:1220px) {
	.inner-wrap {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.page-wrap {
	min-width: 320px;
	margin: 0 auto;
}


.pc-block { display: block;}
.mb-block { display: none;}

@media (max-width:999px) {
	.page-wrap{ padding-top: 1.6rem; }
	.pc-block { display: none;}
	.mb-block { display: block;}
}