@charset "utf-8";

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

#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;
}
#contentsArea #mainArea #couponArea #couponBox .couponDetail{
    border-top: none!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;
	}
    .category{
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    text-align: left;
    }

}

/****************************************************************/
/*
/* メディアクエリ設定 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;
	}
    .category{
    padding: 10px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
    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;
	}
}