@charset "utf-8";
/* CSS Document */




/* クーポン
============================================================================================================ */


#couponWrapper {
	width:544px;
	margin:0 auto;
	padding:13px;
	background:#fff;
}
#couponWrapper p.comment {
	padding:0 20px;
}
#couponWrapper ul {
	padding:0 20px;
	margin:20px 0 18px 0;
}

div#coupon {
	width:542px;
	margin:0 auto;
	background:url(../shop/coupon/img/bg-coupon_body.gif) repeat-y top left;
}

div#coupon_top {
	padding-top:20px;
	background:url(../shop/coupon/img/bg-coupon_top.gif) no-repeat top left;
}

div#coupon_bottom {
	padding-bottom:13px;
	background:url(../shop/coupon/img/bg-coupon_bottom.gif) no-repeat bottom left;
}

div#webCoupon {
	width:440px;
	margin:0 auto;
	padding:10px;
	overflow:hidden;
	border:#f5eff7 10px solid;
}

div#webCoupon div.scCoupon {
	color:#fff;
	overflow:hidden;
	background:#80658b;
}



div#webCoupon div.scCoupon p.scName {
	float:left;
	width:299px;
	padding:0;
	font-weight:bold;
	font-size:117%;
}

div#webCoupon div.scCoupon p.webOnly {
	padding:10px 10px 10px 0;
	float:right;
}

div#webCoupon h1 {
	margin-top:15px;
	text-align:center;
	font-size:146%;
	font-weight:bold;
}
div#webCoupon h1 span.floor {
	color:#3dbadc;
}

div#webCoupon h2 {
	margin:10px auto;
	padding-bottom:20px;
	border-bottom:1px solid #dadada;
	text-align:center;
}

div#webCoupon p.attention {
}

div#webCoupon p.period {
	color:#e50202;
}

#couponWrapper p.print {
	width:246px;
	text-align:center;
	margin:30px auto 0 auto;
}
#TB_iframeContent{}

/* ===============
　　スマホ用 
===============*/
@media screen and (max-width: 767px) {

#couponWrapper{
  width: 96%;
  padding: 5% 2%;
}
#couponWrapper p.comment{
	padding:0 3%;
}
#couponWrapper ul{
	padding:0 3%;
	margin:10px 0 10px 0;
}
#TB_window{
	margin:auto !important;
	width: 90% !important;
	top:5%;
    left: 4%;
    margin: 0 !important;
}
#TB_iframeContent{
	width: 100% !important;
}
div#coupon{
	width: 100%;
	background-size: 100%;
}
div#coupon_top{
	background-size: 100%;
}
div#coupon_bottom{
	background-size: 100%;
}
div#webCoupon{
	width: 72%;
	padding: 5%;
}
div#webCoupon div.scCoupon p.scName{
	width: 100%;
}
div#webCoupon div.scCoupon p.scName img{
	width: 100%;
}
#TB_ajaxWindowTitle{
	padding:0;

}

}

@media screen and (max-width: 360px) {
	#couponWrapper{
		padding: 5% 2%;
	}
}


@media screen and (max-width: 578px) {
#couponWrapper p.print{
	display: none;
}

}