@charset "utf-8";
/* 各コンビニ利用ガイド */


/*---------------------------------------------
共通
----------------------------------------------*/

.fs-24 {font-size: 2.4rem;}
.fs-20 {font-size: 2.0rem;}
.fs-18 {font-size: 1.8rem;}
.fs-16 {font-size: 1.6rem;}

/*---------------------------------------------
コンテンツ
----------------------------------------------*/
.convenience_content {
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
}

.convenience_content img {
	width: 100%;
	height: auto;
}

.ft-line {
	border-top: 1px solid #ccc;
}

.step_img {
	border: 1px solid #ddd;
}

/* flow_item */
.flow_item {
	display: flex;
	justify-content: space-between;
	font-size: 1.8rem;
	font-weight: bold;
}
	 #flow-seven11 .flow_item { color: #ff3300; }
	 #flow-dailyamazaki .flow_item { color: #ff3300; }
	 #flow-famima .flow_item { color: #3da63a; }
	 #flow-ministop .flow_item { color: #336699; }
	 #flow-lawson .flow_item { color: #336699; }
	 #flow-seicomart .flow_item { color: #cc3333; }
.flow_item .flow_item-no {
	display: flex;
	align-items: center;
    justify-content: center;
    border-radius: 6px;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    font-size: 1.8rem;
    line-height: 1;
    vertical-align: top;
}
	#flow-seven11 .flow_item .flow_item-no {
		border: 1px solid #ff3300;
		background: linear-gradient(45deg, #fffbf8 0%,#ffc49c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		color: #ff0000;
	}
	#flow-dailyamazaki .flow_item .flow_item-no {
		border: 1px solid #ff3300;
		background: linear-gradient(45deg, #fffbf8 0%,#ffc49c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		color: #ff0000;
	}
	#flow-famima .flow_item .flow_item-no {
	 	border: 1px solid #70bd6d;
	 	background: linear-gradient(45deg,  #ffffff 0%,#a0e58d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	 	color: #006600;
	}
	#flow-ministop .flow_item .flow_item-no {
	 	border: 1px solid #739cc5;
	 	background: linear-gradient(45deg,  #ebf0f7 0%,#6ab5ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	 	color: #003399;
	}
	#flow-lawson .flow_item .flow_item-no {
	 	border: 1px solid #739cc5;
	 	background: linear-gradient(45deg,  #ebf0f7 0%,#6ab5ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	 	color: #003399;
	}
	#flow-seicomart .flow_item .flow_item-no {
	 	border: 1px solid #d24a4a;
	 	background: linear-gradient(45deg,  #ffffff 0%,#f88d8d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	 	color: #cc3333;
	}
.flow_item .flow_item-txt {
	display: inline-block;
	width: calc(100% - 35px);
}