@charset "UTF-8";

/* あとで消す 
*{
	margin: 0px;
	padding: 0px;
	border:1px solid #666;	
}
 あとで消す */

.cococard_container{
    display: table;
	margin:0 auto;
	border-collapse:collapse;
	width:100%;
}

.cococard_container > div{
    display: table-cell;
    vertical-align:top;
    /*
    font-size:1px;
    line-height:1px;
    height:1px;
	*/
}

.cococard_frame_ver2{
	width:100%;
	/*
	padding-left: 30px;
	padding-right: 30px;
	*/
}

.cococard_point_ver2,
.cococard_balance_ver2,
.cococard_card_ver2,
.cococard_history_ver2,
.cococard_smart-receipts_ver2,
.cococard_frame_bgcolor_ver2{
	background-color:#18aa35;
}

.cococard_point_title_ver2{
	width: 327px;
	height:48px;
	margin:auto;
	color:#ffffff;
	font-size:24px;
	font-weight:bold;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	text-align:center;
	line-height:1;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_point_title_ver2{
		width: 163.5px;
		height:24px;
		margin:auto;
		color:#ffffff;
		font-size:12px;
		line-height:1;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}
}
/*360px以下のとき*/
@media screen and (max-width: 360px) {
	.cococard_point_title_ver2{
		width: 143px;
		height:20px;
		margin:auto;
		color:#ffffff;
		font-size:10px;
		line-height:1;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}
}

.cococard_point_ver2{
	width: 327px;
	height:64px;
	margin:auto;
	color:#FBF712;
	font-size:48px;
	font-weight:bold;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	text-align:center;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_point_ver2{
		width: 163.5px;
		height:32px;
		margin:auto;
		color:#FBF712;
		font-size:24px;
		font-weight:bold;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		text-align:center;
	}
}
/*360px以下のとき*/
@media screen and (max-width: 360px) {
	.cococard_point_ver2{
		width: 143px;
		height:28px;
		margin:auto;
		color:#FBF712;
		font-size:20.8px;
		font-weight:bold;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		text-align:center;
	}
}

.cococard_balance_title_ver2{
	width:267px;
	height:48px;
	margin:auto;
	color:#ffffff;
	font-size:24px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	text-align:center;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_balance_title_ver2{
		width:133.5px;
		height:24px;
		margin:auto;
		color:#ffffff;
		font-size:12px;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		text-align:center;
	}
}
/*360px以下のとき*/
@media screen and (max-width: 360px) {
	.cococard_balance_title_ver2{
		width:112px;
		height:20px;
		margin:auto;
		color:#ffffff;
		font-size:10px;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		text-align:center;
	}
}

.cococard_balance_ver2{
	width:267px;
	height:64px;
	margin:auto;
	color:#FBF712;
	font-size:48px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	text-align:center;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_balance_ver2{
		width:133.5px;
		height:32px;
		margin:auto;
		color:#FBF712;
		font-size:24px;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		text-align:center;
	}
}
/*360px以下のとき*/
@media screen and (max-width: 360px) {
	.cococard_balance_ver2{
		width:112px;
		height:28px;
		margin:auto;
		color:#FBF712;
		font-size:20.8px;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		text-align:center;
	}
}

.cococard_balance_row_ver2{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:4px;
}

.cococard_balance_row_ver2 .cococard_balance_ver2{
	flex:none;
	margin:0;
	width:auto;
	height:auto;
}

.cococard_money_history_btn_ver2{
	display:inline-flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	background-color:#ffffff;
	color:#18aa35;
	font-size:11px;
	font-weight:bold;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	border-radius:4px;
	padding:3px 5px;
	text-decoration:none;
	line-height:1.4;
	text-align:center;
	min-width:28px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_money_history_btn_ver2{
		font-size:9px;
		padding:2px 4px;
		min-width:24px;
		border-radius:3px;
	}
	.cococard_balance_row_ver2 .cococard_balance_ver2{
		width:auto;
		height:auto;
	}
}
/*360px以下のとき*/
@media screen and (max-width: 360px) {
	.cococard_money_history_btn_ver2{
		font-size:8px;
		padding:2px 3px;
		min-width:20px;
	}
	.cococard_balance_row_ver2 .cococard_balance_ver2{
		width:auto;
		height:auto;
	}
}

.cococard_balance-yen{
	font-size:36px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_balance-yen{
	font-size:18px;
	}
}
/*360px以下のとき*/
@media screen and (max-width: 360px) {
	.cococard_balance-yen{
	font-size:16px;
	}
}

.cococard_unit-space{
	margin-left:8px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_unit-space{
		margin-left:4px;
	}
}


/*------------------------------*/
.cococard_card_ver2{
	width:100%;
	height:100%;
/*	width:304px;
	height:158px;	*/
	margin:auto;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_card_ver2{
		width:100%;
		height:100%;
/*		width:152px;
		height:79px;	*/
		margin:auto;
	}
}
/*360px以下のとき*/
@media screen and (max-width: 360px) {
	.cococard_card_ver2{
		width:100%;
		height:100%;
/*		width:131px;
		height:68px;	*/
		margin:auto;
	}
}

.cococard_card-size_ver2{
	width:100%;
	height:100%;
/*	width:304px;
	height:158px;	*/
	position:relative;
	top:4px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_card-size_ver2{
		width:100%;
		height:100%;
/*		width:152px;
		height:79px;	*/
		position:relative;
		top:2px;
	}
}
/*360px以下のとき*/
@media screen and (max-width: 360px) {
	.cococard_card-size_ver2{
		width:100%;
		height:100%;
/*		width:132px;
		height:68.6px;	*/
		position:relative;
		top:2px;
	}
}


/*------------------------------*/
.cococard_history_ver2{
	width:100%;
	height:100%;
/*	width:290px;
	height:158px;	*/
	margin:auto;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_history_ver2{
		width:100%;
		height:100%;
/*		width:145px;
		height:79px;	*/
		margin:auto;
	}
}

/*360px以下のとき*/
@media screen and (max-width: 360px) {
	.cococard_history_ver2{
		width:100%;
		height:100%;
/*		width:124px;
		height:69px;	*/
		margin:auto;
	}
}


.cococard_history-size_ver2{
	width:100%;
	height:100%;
/*	width:290px;
	height:158px;	*/
	position:relative;
	top:4px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_history-size_ver2{
		width:100%;
		height:100%;
/*		width:145px;
		height:79px;	*/
		position:relative;
		top:2px;
	}
}
/*360px以下のとき*/
@media screen and (max-width: 360px) {
	.cococard_history-size_ver2{
		width:100%;
		height:100%;
/*		width:124px;
		height:67.5px;	*/
		position:relative;
		top:2px;
	}
}

.cococard_button-link{
	border:none;
}


/*------------------------------*/
.cococard_smart-receipts_ver2{
	width: 100% ;	
/*	width:calc( 100% - 44px );	*/
/*	height:64px;	*/
	margin:auto;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_smart-receipts_ver2{
		width: 100% ;	
/*		width:calc( 100% - 22px );	*/
/*		height:32px;	*/
		margin:auto;
	}
}
/*360px以下のとき*/
@media screen and (max-width: 360px) {
	.cococard_smart-receipts_ver2{
		width: 100% ;	
/*		width:calc( 100% - 22px );	*/
/*		height:32px;	*/
		margin:auto;
	}
}

.cococard_smart-receipts-size_ver2{
	width: 100% ;	
/*	width:calc( 100% - 44px );	*/
/*	height:64px;	*/
	position:relative;
/*	top:4px;	*/
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_smart-receipts-size_ver2{
		width: 100% ;	
/*		width:calc( 100% - 22px );	*/
/*		height:32px;	*/
		position:relative;
/*			top:2px;	*/
	}
}
/*360px以下のとき*/
@media screen and (max-width: 360px) {
	.cococard_smart-receipts-size_ver2{
		width: 100% ;	
/*		width:calc( 100% - 22px );	*/
/*		height:32px;	*/
		position:relative;
/*			top:2px;	*/
	}
}



/* 枠の設定 */
/*	1段目------------------------------ */
.cococard_box_11{
	width:22px;
	height:22px;
	background-image:url("../images/top/imgae_cococard_background_top-left.png");
	background-size: 22px 22px;
	background-repeat: no-repeat;
}
.cococard_box_11 > img{
	width:22px;
	height:22px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_11{
		width:11px;
		height:11px;
		background-image:url("../images/top/imgae_cococard_background_top-left.png");
		background-size: 11px 11px;
		background-repeat: no-repeat;
	}
	.cococard_box_11 > img{
	width:11px;
	height:11px;
	}
}

.cococard_box_12{
	width:calc( 100% - 44px );
	height:22px;
	background-image:url("../images/top/imgae_cococard_background_top.png");
	background-size:1px 22px;
	background-repeat: repeat-x;
}
.cococard_box_12 > img{
	width:calc( 100% - 44px );
	height:22px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_12{
		width:calc( 100% - 22px );
		height:11px;
		background-image:url("../images/top/imgae_cococard_background_top.png");
		background-size:1px 11px;
		background-repeat: repeat-x;
	}
	.cococard_box_12 > img{
		width:calc( 100% - 22px );
		height:11px;
	}
}

.cococard_box_13{
	width:22px;
	height:22px;
	background-image:url("../images/top/imgae_cococard_background_top-right.png");
	background-size: 22px 22px;
	background-repeat: no-repeat;
}
.cococard_box_13 > img{
	width:22px;
	height:22px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_13{
		width:11px;
		height:11px;
		background-image:url("../images/top/imgae_cococard_background_top-right.png");
		background-size: 11px 11px;
		background-repeat: no-repeat;
	}
	.cococard_box_13 > img{
		width:11px;
		height:11px;
	}
}

/*	2段目------------------------------ */
.cococard_box_21{
	width:22px;
	height:112px;
	background-image:url("../images/top/imgae_cococard_background_left.png");
	background-size: 22px 1px;
	background-repeat: repeat-y;
	padding-top:10px;
}
.cococard_box_21 > img{
	width:22px;
	height:112px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_21{
		width:11px;
		height:56px;
		background-image:url("../images/top/imgae_cococard_background_left.png");
		background-size: 11px 1px;
		background-repeat: repeat-y;
	}
	.cococard_box_21 > img{
		width:11px;
		height:56px;
	}
}
/*360px以下のとき*/
@media screen and (max-width: 360px) {
	.cococard_box_21{
		width:11px;
		height:48px;
		background-image:url("../images/top/imgae_cococard_background_left.png");
		background-size: 11px 1px;
		background-repeat: repeat-y;
	}
	.cococard_box_21 > img{
		width:11px;
		height:48px;
	}
}

.cococard_box_22{
	height:112px;
	padding-top:10px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_22{
		height:56px;
	}
}
/*360px以下のとき*/
@media screen and (max-width: 360px) {
	.cococard_box_22{
		height:48px;
	}
}

.cococard_box_23{
	width:22px;
	height:112px;
	background-image:url("../images/top/imgae_cococard_23.png");
	background-size: 22px 112px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-top:10px;
}
.cococard_box_23 > img{
	width:22px;
	height:112px;
	margin-top:5px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_23{
		width:11px;
		height:56px;
		background-image:url("../images/top/imgae_cococard_23.png");
		background-size: 11px 56px;
		background-repeat: no-repeat;
	}
	.cococard_box_23 > img{
		width:11px;
		height:56px;
	}
}
/*360px以下のとき*/
@media screen and (max-width: 360px) {
	.cococard_box_23{
		width:11px;
		height:48px;
		background-image:url("../images/top/imgae_cococard_23.png");
		background-size: 11px 48px;
		background-repeat: no-repeat;
	}
	.cococard_box_23 > img{
		width:11px;
		height:48px;
	}
}

.cococard_box_24{
	height:112px;
	padding-top:10px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_24{
		height:56px;
	}
}
/*360px以下のとき*/
@media screen and (max-width: 360px) {
	.cococard_box_24{
		height:48px;
	}
}

.cococard_box_25{
	width:22px;
	height:112px;
	background-image:url("../images/top/imgae_cococard_background_right.png");
	background-size: 22px 1px;
	background-repeat: repeat-y;
}
.cococard_box_25 > img{
	width:22px;
	height:112px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_25{
		width:11px;
		height:56px;
		background-image:url("../images/top/imgae_cococard_background_right.png");
		background-size: 11px 1px;
		background-repeat: repeat-y;
	}
	.cococard_box_25 > img{
		width:11px;
		height:56px;
	}
}
/*360px以下のとき*/
@media screen and (max-width: 360px) {
	.cococard_box_25{
		width:11px;
		height:48px;
		background-image:url("../images/top/imgae_cococard_background_right.png");
		background-size: 11px 1px;
		background-repeat: repeat-y;
	}
	.cococard_box_25 > img{
		width:11px;
		height:48px;
	}
}

/*	3段目------------------------------ */
.cococard_box_31{
	width:22px;
	height:30px;
	background-image:url("../images/top/imgae_cococard_background_left.png");
	background-size: 22px 1px;
	background-repeat: repeat-y;
}
.cococard_box_31 > img{
	width:22px;
	height:30px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_31{
		width:11px;
		height:15px;
		background-image:url("../images/top/imgae_cococard_background_left.png");
		background-size: 11px 1px;
		background-repeat: repeat-y;
	}
	.cococard_box_31 > img{
		width:11px;
		height:15px;
	}
}

.cococard_box_32{
	width:calc( 100% - 44px );
	height:30px;
	background-image:url("../images/top/imgae_cococard_42.png");
	background-size: 1px 30px;
	background-repeat: repeat-x;
}
.cococard_box_32 > img{
	width:calc( 100% - 44px );
	height:30px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_32{
		width:calc( 100% - 22px );
		height:15px;
		background-image:url("../images/top/imgae_cococard_42.png");
		background-size: 1px 15px;
		background-repeat: repeat-x;
	}
	.cococard_box_32 > img{
		width:calc( 100% - 22px );
		height:15px;
	}
}

.cococard_box_33{
	width:22px;
	height:30px;
	background-image:url("../images/top/imgae_cococard_background_right.png");
	background-size: 22px 1px;
	background-repeat: repeat-y;
}
.cococard_box_33 > img{
	width:22px;
	height:30px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_33{
		width:11px;
		height:15px;
		background-image:url("../images/top/imgae_cococard_background_right.png");
		background-size: 11px 1px;
		background-repeat: repeat-y;
	}
	.cococard_box_33 > img{
		width:11px;
		height:15px;
	}
}

/*	4段目------------------------------ */
.cococard_box_41{
	width:22px;
	height:158px;
	background-image:url("../images/top/imgae_cococard_background_left.png");
	background-size: 22px 1px;
	background-repeat: repeat-y;
}
.cococard_box_41 > img{
	width:22px;
	height:158px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_41{
		width:11px;
		height:79px;
		background-image:url("../images/top/imgae_cococard_background_left.png");
		background-size: 11px 1px;
		background-repeat: repeat-y;
	}
	.cococard_box_41 > img{
		width:11px;
		height:79px;
	}
}
/*360px以下のとき*/
@media screen and (max-width: 360px) {
	.cococard_box_41{
		width:11px;
		height:69px;
		background-image:url("../images/top/imgae_cococard_background_left.png");
		background-size: 11px 1px;
		background-repeat: repeat-y;
	}
	.cococard_box_41 > img{
		width:11px;
		height:69px;
	}
}

.cococard_box_43{
	width:22px;
	height:158px;
/*	background-image:url("../images/top/imgae_cococard_53.png");	*/
	background-size: 22px 158px;
/*	background-repeat: no-repeat;	*/
}
.cococard_box_43 > img{
	width:22px;
	height:158px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_43{
		width:11px;
		height:79px;
/*		background-image:url("../images/top/imgae_cococard_53.png");	*/
		background-size: 11px 79px;
/*		background-repeat: no-repeat;	*/
	}
	.cococard_box_43 > img{
		width:11px;
		height:79px;
	}
}
/*360px以下のとき*/
@media screen and (max-width: 360px) {
	.cococard_box_43{
		width:11px;
		height:69px;
		background-image:url("../images/top/imgae_cococard_53.png");
		background-size: 11px 69px;
		background-repeat: no-repeat;
	}
	.cococard_box_43 > img{
		width:11px;
		height:69px;
	}
}

.cococard_box_45{
	width:22px;
	height:158px;
	background-image:url("../images/top/imgae_cococard_background_right.png");
	background-size: 22px 1px;
	background-repeat: repeat-y;
}
.cococard_box_45 > img{
	width:22px;
	height:158px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_45{
		width:11px;
		height:69px;
		background-image:url("../images/top/imgae_cococard_background_right.png");
		background-size: 11px 1px;
		background-repeat: repeat-y;
	}
	.cococard_box_45 > img{
		width:11px;
		height:69px;
	}
}
/*360px以下のとき*/
@media screen and (max-width: 360px) {
	.cococard_box_45{
		width:11px;
		height:69px;
		background-image:url("../images/top/imgae_cococard_background_right.png");
		background-size: 11px 1px;
		background-repeat: repeat-y;
	}
	.cococard_box_55 > img{
		width:11px;
		height:69px;
	}
}

/*	5段目------------------------------ */
.cococard_box_51{
	width:22px;
	height:22px;
	background-image:url("../images/top/imgae_cococard_background_left.png");
	background-size: 22px 1px;
	background-repeat: repeat-y;
}
.cococard_box_51 > img{
	width:22px;
	height:22px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_51{
		width:11px;
		height:11px;
		background-image:url("../images/top/imgae_cococard_background_left.png");
		background-size: 11px 1px;
		background-repeat: repeat-y;
	}
	.cococard_box_51 > img{
		width:11px;
		height:11px;
	}
}

.cococard_box_52{
	width:calc( 100% - 44px );
	height:22px;
	background-size: 100% 22px;
	background-repeat: no-repeat;
}
.cococard_box_52 > img{
	width:calc( 100% - 44px );
	height:22px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_52{
		width:calc( 100% - 22px );
		height:11px;
		background-size: 100% 11px;
		background-repeat: no-repeat;
	}
	.cococard_box_52 > img{
		width:calc( 100% - 22px );
		height:11px;
	}
}

.cococard_box_53{
	width:22px;
	height:22px;
	background-image:url("../images/top/imgae_cococard_background_right.png");
	background-size: 22px 1px;
	background-repeat: repeat-y;
}
.cococard_box_53 > img{
	width:22px;
	height:22px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_53{
		width:11px;
		height:11px;
		background-image:url("../images/top/imgae_cococard_background_right.png");
		background-size: 11px 1px;
		background-repeat: repeat-y;
	}
	.cococard_box_53 > img{
		width:11px;
		height:11px;
	}
}

/*	6段目------------------------------ */
.cococard_box_61{
	width:22px;
	height:60px;
	background-image:url("../images/top/imgae_cococard_background_left.png");
	background-size: 22px 1px;
	background-repeat: repeat-y;
}
.cococard_box_61 > img{
	width:22px;
	height:60px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_61{
		width:11px;
		height:15px;
		background-image:url("../images/top/imgae_cococard_background_left.png");
		background-size: 11px 1px;
		background-repeat: repeat-y;
	}
	.cococard_box_61 > img{
		width:11px;
		height:15px;
	}
}

.cococard_box_62{
	width:calc( 100% - 44px );
	height:60px;
	background-size: 100% 60px;
	background-repeat: no-repeat;
}
.cococard_box_62 > img{
	width:calc( 100% - 44px );
	height:60px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_62{
		width:calc( 100% - 22px );
		height:15px;
		background-size: 100% 15px;
		background-repeat: no-repeat;
	}
	.cococard_box_62 > img{
		width:calc( 100% - 22px );
		height:15px;
	}
}

.cococard_box_63{
	width:22px;
	height:60px;
	background-image:url("../images/top/imgae_cococard_background_right.png");
	background-size: 22px 1px;
	background-repeat: repeat-y;
}
.cococard_box_63 > img{
	width:22px;
	height:60px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_63{
		width:11px;
		height:15px;
		background-image:url("../images/top/imgae_cococard_background_right.png");
		background-size: 11px 1px;
		background-repeat: repeat-y;
	}
	.cococard_box_63 > img{
		width:11px;
		height:15px;
	}
}

/*	7段目------------------------------ */
.cococard_box_71{
	width:22px;
	height:22px;
	background-image:url("../images/top/imgae_cococard_background_bottom-left.png");
	background-size: 22px 22px;
	background-repeat: no-repeat;
}
.cococard_box_71 > img{
	width:22px;
	height:22px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_71{
		width:11px;
		height:11px;
		background-image:url("../images/top/imgae_cococard_background_bottom-left.png");
		background-size: 11px 11px;
		background-repeat: no-repeat;
	}
	.cococard_box_71 > img{
		width:11px;
		height:11px;
	}
}

.cococard_box_72{
	width:calc( 100% - 44px );
	height:22px;
	background-image:url("../images/top/imgae_cococard_background_bottom.png");
	background-size: 1px 22px;
	background-repeat: repeat-x;
}
.cococard_box_72 > img{
	width:calc( 100% - 44px );
	height:22px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_72{
		width:calc( 100% - 22px );
		height:11px;
		background-image:url("../images/top/imgae_cococard_background_bottom.png");
		background-size: 1px 11px;
		background-repeat: repeat-x;
	}
	.cococard_box_72 > img{
		width:calc( 100% - 22px );
		height:11px;
	}
}

.cococard_box_73{
	width:22px;
	height:22px;
	background-image:url("../images/top/imgae_cococard_background_bottom-right.png");
	background-size: 22px 22px;
	background-repeat: no-repeat;
}
.cococard_box_73 > img{
	width:22px;
	height:22px;
}
/*768px以下のとき*/
@media screen and (max-width: 768px) {
	.cococard_box_73{
		width:11px;
		height:11px;
		background-image:url("../images/top/imgae_cococard_background_bottom-right.png");
		background-size: 11px 11px;
		background-repeat: no-repeat;
	}
	.cococard_box_73 > img{
		width:11px;
		height:11px;
	}
}