@charset "UTF-8";
#goodact {
	margin: 0 auto;
	text-align: center;
}
/* メインタイトル */
.goodact-maintitle {
	width: 550px;
	height: 290px;
	background-image: url(../img/goodact/title.jpg?20170322);
	background-repeat: no-repeat;
	margin: 0 auto;
	font-size: 0px;
}

/* サブタイトル */
#goodact-subtitle {
	width: 550px;
	height: 45px;
	background-repeat: no-repeat;
	margin: 0 auto;
	font-size: 0px;
}
/* サブタイトル1 */
.goodact-subtitle01 {
	background-image:url(../img/goodact/subtitle01.png);
}
/* サブタイトル2 */
.goodact-subtitle02 {
	background-image: url(../img/goodact/subtitle02.png);
}
/* サブタイトル3 */
.goodact-subtitle03 {
	background-image: url(../img/goodact/subtitle03.png);
}

/* イベント期間テキスト */
.goodact-txt_read {
	font-size: 18px;
	color: #cb0000;
	font-weight: bold;
}
/* 吹き出し背景 */
.goodact-shoppoint-box {
	width: 550px;
	height: 321px;
	background-image: url(../img/goodact/dqxshop-bg.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}

/* 吹き出し */
.goodact-fukidashi,.goodact-fukidashi-modal {
	position: relative;
	text-align: left;
	background-color: #fff9ef;
	padding: 20px;
	/* border */
	border: 3px solid #e06565;
	/* box-shadow */
	box-shadow: 0px 0px 9px -1px rgba(194,146,91,0.7);
		-moz-box-shadow: 0px 0px 9px -1px rgba(194,146,91,0.7);
		-webkit-box-shadow: 0px 0px 9px -1px rgba(194,146,91,0.7);
	/* border-radius */
	border-radius: 35px;
		-moz-border-radius: 35px;
		-webkit-border-radius: 35px;
}
	.goodact-fukidashi {
		position: relative;
		width: 252px;
		left: 20px;
		min-height: 249px;
	}
	
	.goodact-fukidashi-hige {
		position: absolute;
		top: 140px;
		right: -24px;
		width: 24px;
		height: 29px;
		background-image: url(../img/goodact/hige.png);
	}
		.goodact-fukidashi span {
			font-size: 14px;
			font-weight: bold;
			color: #740303;
			line-height: 1.3;
		}

/* ----- 注釈 ----- */
.goodact-notice {
	width: 550px;
	font-size: 12px;
	color: #740303;
	margin: 0 auto;
}

/* ----- ボタン ----- */
.goodact-button {
	width: 427px;
	height: 51px;
	margin: 0 auto;
	display: block;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	line-height: 3.5;
}
	/* ----- hoverありブルーボタン ----- */
	.goodact-button-blue a {
		width: 427px;
		height: 51px;
		display: block;
		text-decoration: none;
		color: #fff!important;
		background-image: url(../img/goodact/button/btn-bg.png);
	}
	.goodact-button-blue a:hover {
		text-decoration: none!important;
		color: #fff!important;
		background-position: bottom;
	}
		/* ----- ボタン内アイコン ----- */
		.goodact-ico-arrow {
			width: 9px;
			height: 15px;
			background-image: url(../img/goodact/button/ico-btn-arrow.png);
			background-size: 9px 15px;
			display: inline-block;
			text-indent: -9999px;
			vertical-align: middle;
			margin: 0 10px 5px 0;
		}

	/* ----- グレーボタン ----- */
	.goodact-button-gray {
		background-image: url(../img/goodact/button/btn-before.png);
	}
	.goodact-button-gray a {
		text-decoration: none!important;
		color: #fff!important;
		}
	/* ----- オレンジボタン ----- */
	.goodact-button-orange {
		background-image: url(../img/goodact/button/btn-after.png);
	}

/* ------------------------------------------------------
モーダル
----------------------------------------------------- */
#goodact-modal, #goodact-modal-error {
	width: 650px;
}
	#goodact-modal-error {
		height: 500px;
	}

/* 吹き出し */
.goodact-modal-error-bg {
	width: 546px;
	height: auto;
	position: relative;
	top:20px;
	text-align: center;
	background-color: #fff;
	padding: 60px 20px;
	/* border */
	border: 3px solid #790e0e;
	/* border-radius */
	border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
	margin:0 auto;
}
.goodact-modal-bg {
	position: relative;
	top:20px;
	width: 546px;
	height: 574px;
	text-align: center;
	padding: 20px;
	background-image: url(../img/goodact/modal_bg.png?2);
	background-repeat: no-repeat;
	margin:0 auto;
}
	/* モーダル吹き出し */
		.goodact-fukidashi-modal {
			position: relative;
			width: 270px;
			min-height: 249px;
			text-align: left;
			float:right;
		}
		.goodact-fukidashi-hige02 {
				position: absolute;
				top: 140px;
				left: -27px;
				width: 27px;
				height: 29px;
				background-image: url(../img/goodact/hige02.png);
			}
		.goodact-fukidashi-modal span, .goodact-modal-error-bg span {
				font-size: 14px;
				font-weight: bold;
				color: #740303;
				line-height: 1.3;
			}
		/* ----- 閉じるボタン----- */
		#goodact-close-button a, #goodact-close-button-error a {
			width: 147px;
			height: 49px;
			margin: 0 auto;
			display: block;
			font-size: 14px;
			color: #fff;
			font-weight: bold;
			line-height: 3.5;
			text-align: center;
			text-decoration: none;
			color: #fff!important;
			background-image: url(../img/goodact/button/btn_close.png);
		}
		/* ----- 閉じるボタン----- */
			#goodact-close-button a {
				position: absolute;
				left: 227px;
				bottom: 64px;
			}
		/* ----- 閉じるボタン----- */
			#goodact-close-button-error a {
				position: relative;
				top:40px;
			}
		/* ----- 閉じるボタン----- */
			#goodact-close-button a:hover,
			#goodact-close-button-error a:hover {
				text-decoration: none;
				background-position: bottom;
			}

		/* ----- 閉じるボタン小----- */
			#goodact-close-button-mini {
				position: absolute;
				top: -10px;
				left: 563px;
				width: 39px;
				height: 39px;
				margin: 0 auto;
				display: block;
				background-image: url(../img/goodact/button/btn_close_mini.png);
			}
			#goodact-close-button-mini:hover {
				background-position: bottom;
			}

	/* ----- イベントトピックに戻るボタン ----- */
	#goodact-backto-topic-button {
		width: 220px;
		height: 30px;
		display:block;
		background-image: url(../img/goodact/button/back.png);
		margin: 0 auto;
		font-size: 0px;
	}