@charset "utf-8";

/****************************************************************/
/* クーポンページ style.css
/****************************************************************/
/*
/* 共通
/*
/****************************************************************/
#contentsArea #mainArea #couponArea #couponBox h4 + .discount {
	padding: 25px 0 15px;
}

#contentsArea #mainArea #couponArea .notes01 .ico {
	display:inline-block;
	vertical-align:bottom;
}
#contentsArea #mainArea #couponArea .notes01 strong {
	display:inline-block;
	color:#c9000f;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
}

.blue {
	border:3px solid #003f98 !important;
}

.blue .coupon-title {
	background:#003f98 !important;
}

#contentsArea #mainArea #couponArea .blue .couponDetail .idBox strong {
	color:#003f98 !important;
}

#contentsArea #mainArea #couponArea .blue .couponDetail {
	border-top:2px dotted #003f98 !important;
}

.orange {
	border:3px solid #e63c00 !important;
}

.orange .coupon-title {
	background:#e63c00 !important;
}

#contentsArea #mainArea #couponArea .orange .couponDetail .idBox strong {
	color:#e63c00 !important;
}

#contentsArea #mainArea #couponArea .orange .couponDetail {
	border-top:2px dotted #e63c00 !important;
}


.green {
	border:3px solid #63b530 !important;
}

.green .coupon-title {
	background:#63b530 !important;
}

#contentsArea #mainArea #couponArea .green .couponDetail .idBox strong {
	color:#63b530 !important;
}

#contentsArea #mainArea #couponArea .green .couponDetail {
	border-top:2px dotted #63b530 !important;
}

/****************************************************************/
/*
/* メディアクエリ設定 960px以上
/* 通常(PC用)記述の場所
/*
/****************************************************************/
@media print,screen and (min-width: 960px) {
	#contentsArea #mainArea #searchBoxArea .linkBtn.threeBtn {
	    width: 260px;
	}
	
	#contentsArea #mainArea #couponArea .notes01 {
		margin:25px 20px 0;
		padding:10px;
		min-height:70px;
	}

	#contentsArea #mainArea #couponArea .notes01 strong {
		font-size:130%;
		padding-left:10px;
	}
}

/****************************************************************/
/*
/* メディアクエリ設定 761px～959px
/* タブレット用記述の場所
/*
/****************************************************************/
@media screen and (min-width: 761px) and (max-width: 959px) {
	#contentsArea #mainArea #couponArea .notes01 {
		margin:25px 20px 0;
		padding:10px;
		min-height:70px;
	}
	#contentsArea #mainArea #couponArea .notes01 strong {
		font-size:130%;
		padding-left:10px;
	}
}

/****************************************************************/
/*
/* メディアクエリ設定 0～760px
/* スマホ用記述の場所
/*
/****************************************************************/
@media screen and (min-width: 0px) and (max-width: 760px) {
	#contentsArea #mainArea #couponArea .notes01 {
		margin:30px 8px;
	}
	#contentsArea #mainArea #couponArea .notes01 .ico {
		width:10%;
	}
	#contentsArea #mainArea #couponArea .notes01 strong {
		font-size:68%;
		text-align:left;
	}
}

/****************************************************************/
/*
/* メディアクエリ設定 0～320px
/* スマホ用記述の場所
/*
/****************************************************************/
@media screen and (min-width: 0px) and (max-width: 320px) {
	#contentsArea #mainArea #couponArea .notes01 {
		margin:30px 5px;
	}
	#contentsArea #mainArea #couponArea .notes01 .ico {
		width:10%;
	}
	#contentsArea #mainArea #couponArea .notes01 strong {
		font-size:60%;
		text-align:left;
	}
}