@charset "UTF-8";

/* -----------------------------------------------
FileName:?@index.css
----------------------------------------------- */

/*index
***************************

bd_stage-print
bd_btn-coupon-print
bd_btn-previous

***************************/

.PCcouponArea,
.printBtnArea,
.MBcouponArea {
	background-color: #e6f1f2;
	text-align: center;
	padding: 10px;
	margin-top: 1px;
}
.PCcouponArea {
	margin-bottom: 5px;
}
.printBtnArea,
.MBcouponArea {
	height:140px;
	margin-bottom: 20px;
}

/* PCクーポン */
/* socialボタン */
ul.social {
	float: right;
	margin: 0 60px 10px;
}
ul.social li {
	line-height:0;
	height: 20px;
	float: left;
	margin-right: 5px;
}
ul.social li.facebook {
	width: 98px;
	margin: 0;
}

/* クーポン */
ul.coupon {
	clear: both;
}
ul.coupon li {
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin-bottom: 20px;
}

/* 2カラム組み */
.left_area,
.right_area {
	width:391px;
}

/* 左カラム */
.left_area {
	float:left;
}
.printBtnArea p {
	margin-top: 47px;
}

/* 右カラム */
.right_area {
	float:right;
}

/* MBクーポン */
/* QRコード */
.mobile-qr {
	float:left;
	margin-right: 10px;
}

/* メール送信 */
.mobile-mail {
	text-align: left;
	width:261px;
	float:left;
}
.mobile-mail h3 {
	font-weight:bold;
}

/* 送信フォーム　*/
input.mail_account {
	width: 150px;
}
select.mail_domain {
	width: 130px;
}
#send_mobile_form * {
	vertical-align: middle;
}
#send_mobile_form input.rollover {
	width: 48px;
	height: 25px;
}
#send_mobile_msg {
	width: 261px;
	font-size: 0.8em;
	color:#CA284D;
}

/* 注釈　*/
.bd_p_notice {
	text-align: left;
	width: 660px;
	clear: both;
	margin: 0 auto 12px;
}
.bd_p_notice strong{
	color: #ff0202;
}

/* 前のページに戻る　*/
.bd_btn-previous {
	margin: 10px;
}

/* clear */
MBcouponArea:after,
ul.social:after {
	display:block; 
	visibility:hidden;
	clear:both; 
	height:0; 
	content:" ";
	font-size:0;
	line-height:0;
}

MBcouponArea,
ul.social {
	zoom:1;
}

@media print {
.noprint {
	display: none;
}
}