@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.potiL {
	margin-right:0;
	margin-left:8px;
}
.icS.vaUn {
	vertical-align:unset;
}
.icS.typeS {
	width : 0.8em;
	height: 0.8em;
	margin-right:4px;
}
.icS.typeM {
	width : 1.2em;
	height: 1.2em;
	margin-right:4px;
}
.icS.typeL {
	width : 1.5em;
	height: 1.5em;
	margin-right:8px;
}
.icS.typeLL {
	width : 2.0em;
	height: 2.0em;
}
.icS.MR5 {
	margin-right: 5px;
}
.icS.MR10 {
	margin-right: 10px;
}


/*/// アイコン色 ///
//////////////////////////////////////////////// */
.ic_bg_w  { background-color: var(--clr-w);} 
.ic_bg_g  { background-color: var(--clr-b9);}
.ic_bg_gr { background-color: var(--clr-g);} 
.ic_bg_b  { background-color: var(--clr-b);} 
.ic_bg_bk  { background-color: var(--clr-bk);} 


/*/// アイコン画像 ///
//////////////////////////////////////////////// */
.ic_arrow_B { -webkit-mask-image:url("../img/icon/ic_arrow_B.svg");mask-image:url("../img/icon/ic_arrow_B.svg"); }
.ic_card    { -webkit-mask-image:url("../img/icon/ic_card.svg");   mask-image:url("../img/icon/ic_card.svg"); }
.ic_cart    { -webkit-mask-image:url("../img/icon/ic_cart.svg");   mask-image:url("../img/icon/ic_cart.svg"); }
.ic_download{ -webkit-mask-image:url("../img/icon/ic_download.svg"); mask-image:url("../img/icon/ic_download.svg"); }
.ic_hikouki { -webkit-mask-image:url("../img/icon/ic_hikouki.svg");  mask-image:url("../img/icon/ic_hikouki.svg"); }
.ic_image   { -webkit-mask-image:url("../img/icon/ic_image.svg");  mask-image:url("../img/icon/ic_image.svg"); }
.ic_login   { -webkit-mask-image:url("../img/icon/ic_login.svg");  mask-image:url("../img/icon/ic_login.svg"); }
.ic_logout  { -webkit-mask-image:url("../img/icon/ic_logout.svg"); mask-image:url("../img/icon/ic_logout.svg"); }
.ic_mail    { -webkit-mask-image:url("../img/icon/ic_mail.svg"); mask-image:url("../img/icon/ic_mail.svg"); }
.ic_member  { -webkit-mask-image:url("../img/icon/ic_member.svg"); mask-image:url("../img/icon/ic_member.svg"); }
.ic_movie   { -webkit-mask-image:url("../img/icon/ic_movie.svg");  mask-image:url("../img/icon/ic_movie.svg"); }
.ic_meishi  { -webkit-mask-image:url("../img/icon/ic_meishi.svg"); mask-image:url("../img/icon/ic_meishi.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"); }
.ic_window  { -webkit-mask-image:url("../img/icon/ic_window.svg"); mask-image:url("../img/icon/ic_window.svg"); }