@charset "UTF-8";

/* !body
-------------------------------------------------------------- */
@media screen and (max-width: 979px) {
body {
	min-width: 320px !important;
}
}
/* !display
-------------------------------------------------------------- */
@media screen and (max-width: 979px) {
.pcOnly,
.spOnly,
br.spOnly,
.ico.spOnly,
.noTb {
	display: none !important;
}
.noPc,
.tbOnly {
	display: block !important;
}
br.tbOnly,
.ico.tbOnly {
	display: inline-block !important;
}
}
@media screen and (max-width: 767px) {
.noSp,
.tbOnly,
br.tbOnly,
.ico.tbOnly {
	display: none !important;
}
.spOnly,
.noTb {
	display: block !important;
}
br.spOnly,
.ico.spOnly {
	display: inline-block !important;
}
}

/* !common
-------------------------------------------------------------- */
@media screen and (max-width: 767px) {
.img100per_sp { width: 100%; height: auto; }
}

/* !Padding
-------------------------------------------------------------- */
@media screen and (max-width: 767px) {
.ph00_sp { padding-right:0 !important; padding-left: 0 !important;}
.ph10_sp { padding-right:10px !important; padding-left: 10px !important;}
.pt00_sp { padding-top: 0 !important; }
.pt20_sp { padding-top: 20px !important; }
.pb00_sp { padding-bottom: 0 !important; }
.pb20_sp { padding-bottom: 20px !important; }

}

/* !Margin
-------------------------------------------------------------- */
@media screen and (max-width: 767px) {
.mh00_sp { margin-right:0 !important; margin-left: 0 !important;}
.mh10_sp { margin-right:10px !important; margin-left: 10px !important;}
.mt00_sp { margin-top: 0 !important; }
.mt20_sp { margin-top: 20px !important; }
.mt32_sp { margin-top: 32px !important; }
.mt60_sp { margin-top: 60px !important; }
.mb00_sp { margin-bottom: 0 !important; }
.mb10_sp { margin-bottom: 10px !important; }
.mb20_sp { margin-bottom: 20px !important; }
}