@charset "utf-8";

/* ==========================================================================
  coupon
========================================================================== */
#couponContainer{
	overflow:hidden;
}
.couponBlock{
	overflow:hidden;
	margin-bottom:20px;
}
.couponLBlock{
	float:left;
	width:500px;
}
.couponCBlock{
	margin: 0 auto;
	width:500px;
}
.couponRBlock{
	margin-left:510px;
	margin-bottom:10px;
}

#reportList .boxBody {
	padding:20px;
}
.couponRBlock .cationDetail {
	padding: 10px;
}

#map_canvas {
	width:100%;
	height:300px;
	border: none;
}

@media screen and (max-width: 767px) {
	#reportList .boxBody {
		padding:0px;
		margin-bottom:10px;
	}
	.couponLBlock{
		float:none;
		width:100%;
	}
	.couponCBlock{
		float:none;
		width:100%;
	}
	.couponRBlock{
		margin:0 0 10px 0;
	}
	.couponBlock {
		margin-bottom:0px;
	}
}

#couponMapContainer {
	width:100%;
	margin-bottom: 10px;
}
#couponInfoContainer {
}
#coupon-print {
	text-align:right;
}
#coupon-print .sendBtn {
	display:inline-block;
	width:auto;
	font-size:inherit;
}
.mapArea .mapButton{
	display:none;
}

@media screen and (max-width: 767px) {
	#couponMapContainer {
		float:none;
		width:100%;
		margin-bottom:10px;
	}
	#couponInfoContainer {
		margin:0;
	}
	
	#coupon-print {
		text-align:right;
	}
	#coupon-print .sendBtn {
		display:inline-block;
		width:auto;
		font-size:inherit;
	}
	#coupon-print {
		display:none;
	}

	/* map lock */
	.mapArea{
		position:relative;
	}
	.mapArea .lockLayer{
		display:block;
		position:absolute;
		top:0;
		width:100%;
		background-color:#CCC;
		height:200px;
		z-index: 1;
		filter:alpha(opacity=20);
		-moz-opacity: 0.2;
		opacity: 0.2;
	}
	.mapArea .mapButton{
		border-radius: 3px;
		color: #fff;
		font-weight:bold;
		font-size: 14px;
		height: 20px;
		left: 15px;
		line-height: 20px;
		padding: 10px;
		position: absolute;
		text-align: center;
		top: 5px;
		z-index: 2;
		display: none;
	}
	.mapArea .mapButton:hover{
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
		cursor:pointer;
	}

}


/* クーポンCSS化*/
#couponDiv{
	width:480px;
}
#couponDiv .inner{
	background-color:rgba(255,255,255,0.75);
}

#couponDiv .inner .title {
	font-size: 28px;
	/* font-weight: bold; */
	padding-top: 3px;
	text-align: center;}
#couponDiv .inner .info{
	border-top: #F73159 dashed 1px;
	border-bottom: #F73159 dashed 1px;
	text-align:center;
	padding:10px;
}
#couponDiv .inner .info .text{
	color:#DC477E;
	font-weight:bold;
	font-size:16px;
}
#couponDiv .inner .info .text#upper{
	text-align:left;
	display:block;
}
#couponDiv .inner .info .text#under{
	text-align:right;
	display:block;
}
#couponDiv .inner .info .time{
	color:#FF5E92;
	font-size:20px;
	font-weight:bold;
}
#couponDiv .inner .info .price{
	color:#FCB226;
	margin-left:10px;
	font-size:40px;
	font-weight:bold;
	line-height:1.2;
}
#couponDiv .inner .furtherinfo{
	text-align:right;
}
#couponDiv .inner .furtherinfo .caution{
	color:#B83E68;
	font-size: 10px;
}
#couponDiv .inner .furtherinfo .underInfo{
	overflow:hidden;
	width:67%;
	margin-left:auto;
	padding-top: 5px;
	margin-right:0;
	padding-bottom:5px;
}
#couponDiv .inner .furtherinfo .underInfo .address{
	font-weight:bold;
	font-size: 10px;
	float:left;
}
#couponDiv .inner .furtherinfo .underInfo img{
	width:100px;
}

#couponInfoContainer table.commonTable th {
	white-space:nowrap;
}