
/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/



.contents_left.coupon{
	background-image : url("../images/common/back_present.jpg");
}

.coupon_superbox{
	width : 708px ;
	padding : 19px 15px ;
	border : 1px dashed #000000 ;
	margin-bottom : 64px ;
	margin-left : auto ;
	margin-right : auto ;
}


.coupon_itemtitle{
	font-size : 17px ;
	margin-bottom : 16px ;
}
.coupon_itemtitle_marker{
	position : absolute ;
	top : 0px ;
	left : 0px ;
	width : 16px ;
	height : 100% ;
}

.coupon_bar{
	float : left ;
	width : 230px ;
	height : auto ;
}

.coupon_itembox{
	float : left ;
	width : 448px ;
	height : auto ;
	margin-left : 30px ;
}

.coupon_item_left{
	position : relative ;
	float : left ;
	width : 580px ;
}
.coupon_item_left.long{
	width : auto ;
}
.coupon_item_right{
	position : relative ;
	float : right ;
	width : 200px ;
}


.coupon_target{
	position : relative ;
	float : left ;
	width : auto ;
	min-height : 22px ;
	height : auto ;
	padding-left : 24px ;
	padding-right : 24px ;
	line-height : 22px ;
	font-size : 14px ;
	font-weight : 600 ;
	color : #FFFFFF ;
	text-align : center ;
	margin-bottom : 24px ;
}


.coupon_price{
	position : relative ;
	float : left ;
	min-height : 22px ;
	height : auto ;
	line-height : 22px ;
	margin-left : 10px ;
	margin-bottom : 24px ;
	font-size : 16px ;
	font-weight : 600 ;
}

.coupon_target.newcomer{
	background-color : #F4009D ;
}
.coupon_price.newcomer{
	color : #F4009D ;
}
.coupon_target.repeater{
	background-color : #00C2EF ;
}
.coupon_price.repeater{
	color : #00C2EF ;
}
.coupon_target.everyone{
	background-color : #8BC400 ;
}
.coupon_price.everyone{
	color : #8BC400 ;
}

.coupon_story{
	font-size : 14px ;
	margin-bottom : 16px ;
}

.coupon_conditions{
	width : 100% ;
	font-size : 12px ;
	padding-top : 12px ;
	margin-bottom : 16px ;
	border-top : 1px solid #000000 ;
}
.ctext_l{
	display: block;
	float: left;
}
.ctext_r{
	display:block;
	padding-left: 6em;
}

.coupon_btnreserve{
	width : 288px ;
	height : 40px  ;
	line-height : 40px ;
	font-size : 22px ;
	text-align : center ;
	background-color : #000000 ;
	color : #FFFFFF ;
	border : 1px solid #000000 ;
}








@media screen and (max-width: 1200px) {



}


/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 960px) {






.coupon_superbox{
	width : 548px ;
	margin-bottom : 48px ;
	padding : 39px 14px 39px 14px ;
	border : 2px dashed #000000 ;
	margin-bottom : 64px ;
	margin-left : auto ;
	margin-right : auto ;
}

.coupon_bar{
	float : none ;
	width : 400px ;
	height : auto ;
	margin-left : auto ;
	margin-right : auto ;
}

.coupon_itemtitle{
	width : 524px ;
	padding : 14px 26px ;
	font-size : 26px ;
}
.coupon_itemtitle_marker{
}

.coupon_itembox{
	float : none ;
	width : 100% ;
	padding : 0px ;
	text-align : center ;
	margin-left : 0px ;
}

.coupon_item_left{
	float : none ;
	width : 540px ;
	margin-top : 24px ;
	text-align : center ;
}
.coupon_item_right{
	float : none ;
	width : 224px ;
	margin-top : 30px ;
	margin-left : auto ;
	margin-right : auto ;
}



.coupon_target{
	float : none ;
	font-size : 28px ;
	height : 46px ;
	line-height : 46px ;
	margin-top : 10px ;
}


.coupon_price{

}

.coupon_target.newcomer{
}
.coupon_price.newcomer{
}
.coupon_target.repeater{
}
.coupon_price.repeater{
}
.coupon_target.everyone{
}
.coupon_price.everyone{
}




.coupon_price{
	float : none ;
	height : auto ;
	line-height : 1.4em ;
	margin-left : auto ;
	margin-right : auto ;
	text-align : center ;
	font-size : 30px ;
	margin-top : 10px ;
}

.coupon_story{
	text-align : left ;
	font-size : 24px ;
}

.coupon_conditions{
	width : auto ;
	padding : 19px ;
	font-size : 24px ;
	margin-top : 36px ;
	text-align : left ;
}



.coupon_btnreserve{
	float : none ;
	width : auto ;
	height : auto ;
	line-height : 72px ;
	font-size : 30px ;
	margin-top : 24px ;
	margin-left : auto ;
	margin-right : auto ;
}










}