@charset "UTF-8";

/*=====================================================
*
*	radiocheck.css
*
========================================================*/

/*-------------------ラジオボタン-------------------*/
input[type=radio],
input[type=checkbox] { display: none; }
/* ラベル初期化 */
.iradio,
input[type=radio] + label,
.icheck,
input[type=checkbox] + label {
	box-sizing: border-box; position: relative;
	display: inline-block;
	margin-right: 20px;
	padding: 0 0 0 30px;
	vertical-align: middle;
	line-height: 2;
	cursor: pointer; }
.iradio:after,
input[type=radio] + label:after,
.iradio-check,
.icheck:after,
input[type=checkbox] + label:after,
.icheck-check {
	position: absolute;
	top: 3px; left: 0;
	display: block;
	width: 20px; height: 20px;
	background: url(../../img/m/common/radio_check.png) no-repeat;
	background-size: cover;
	content: ''; }
/* 通常 */
.iradio:after,
input[type=radio] + label:after,
.icheck:after,
input[type=checkbox] + label:after {
	z-index:1; }
.iradio:after,
input[type=radio] + label:after {
	background-position: -80px 0; }
.icheck:after,
input[type=checkbox] + label:after {
	z-index:1; }
/* checked */
.iradio-check,
.icheck-check {
	z-index:2; }
.iradio-check {
	background-position: -100px 0; }
.icheck-check {
	background-position: -20px 0; }