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

/*アイコンの初期設定*/
.icS {
	width: 1em;
	height: 1em;
	margin-right:4px;
	display: inline-block;
	vertical-align: middle;

	-webkit-mask-position: top right;
	mask-position: top right;	

	-webkit-mask-size: auto 100%;
	mask-size: auto 100%;

	-webkit-mask-repeat:no-repeat;
	mask-repeat: no-repeat;
	
	-webkit-mask-origin:border-box;
	mask-origin: border-box;

	-webkit-mask-clip: border-box;
	mask-clip: border-box;
}
.icS.vaUn {
	vertical-align:unset;
}
.icS.typeM {
	width : 1.2em;
	height: 1.2em;
	margin-right:4px;
}
.icS.typeL {
	width : 1.5em;
	height: 1.5em;
	margin-right:8px;
}
.icS.potiL {
	margin-right:0;
	margin-left:8px;
}
.icS.MR0 {
	margin-right: 0;
}
.icS.MR5 {
	margin-right: 5px;
}
.icS.MR10 {
	margin-right: 10px;
}


/*/// アイコン色 ///
//////////////////////////////////////////////// */
.ic_bg_w   { background-color: #FFF;} 
.ic_bg_gray{ background-color: #999;}
.ic_bg_bk  { background-color: #333;}
.ic_gr_b   { background: linear-gradient(to top, var(--clr-ab) 0%, var(--clr-b) 100%);}
.ic_bg_g   { background-color: #028760}


/*/// アイコン画像 ///
//////////////////////////////////////////////// */
.ic_image { -webkit-mask-image:url("../img/icon/ic_image.svg"); mask-image:url("../img/icon/ic_image.svg");}
.ic_home  { -webkit-mask-image:url("../img/icon/ic_home.svg");  mask-image:url("../img/icon/ic_home.svg");}
.ic_movie { -webkit-mask-image:url("../img/icon/ic_movie.svg"); mask-image:url("../img/icon/ic_movie.svg");}
.ic_retry { -webkit-mask-image:url("../img/icon/ic_retry.svg"); mask-image:url("../img/icon/ic_retry.svg");}
.ic_upload{ -webkit-mask-image:url("../img/icon/ic_upload.svg");mask-image:url("../img/icon/ic_upload.svg");}